Eccoci alla seconda puntata di Help WordPress, se vi siete persi la precedente la potete recuperare cliccando qui. Se usi la piattaforma WordPress.com ti sarai sicuramente accorto che non hai piena libertà di utilizzo e che molte cose non si possono fare, ad esempio non possiamo installare i tanto comodi plugin.
Questa è una politica di sicurezza adottata da WordPress.com il quale però ci mette a disposizione altri strumenti, come ad esempio i Widget.
Oggi in particolare andiamo a vedere i Widget testuali e i codici html che possono essere usati sul nostro blog e che ci permetteranno di inserire immagini, immagini cliccabili, banner e testi formattati.
CODICE HTML
Il codice html è il linguaggio utilizzato per creare siti web, ma nel nostro caso ci basterà avere una piccola infarinatura per effettuare delle operazioni di base.
INSERIRE UNA FOTO
La prima operazione da effettuare è caricare la foto desiderata quindi dal pannello di amministrazione andate su Media ==> Aggiungi Nuovo. In questa maniera caricherete la foto sul vostro spazio web, una volta fatto andate su Media ==> Libreria e poi cliccate sulla foto desiderata, a questo punto vi si aprirà una schermata e sulla destra vi apparirà l’url dove è salvata la foto. Effettuate un copia di questo url.
Ora andate su Aspetto ==> Widget e poi cercate il Widget di nome TESTO cliccate ed inserite il seguente codice:
“
“
In questo caso abbiamo utilizzato due codici:
- div align: questo serve per definire l’allineamento della foto che può essere a sinistra (usate left), destra (usate right), centrato (usate center) e giustificato (usate justify)
- img src: questo serve per far apparire l’immagine, basta inserire l’url come detto prima
INSERIRE UNA FOTO CLICCABILE
La prima operazione da effettuare è caricare la foto desiderata quindi dal pannello di amministrazione andate su Media ==> Aggiungi Nuovo. In questa maniera caricherete la foto sul vostro spazio web, una volta fatto andate su Media ==> Libreria e poi cliccate sulla foto desiderata, a questo punto vi si aprirà una schermata e sulla destra vi apparirà l’url dove è salvata la foto. Effettuate un copia di questo url.
Ora andate su Aspetto ==> Widget e poi cercate il Widget di nome TESTO cliccate ed inserite il seguente codice:
“
“
In questo caso abbiamo utilizzato tre codici:
- div align: questo serve per definire l’allineamento della foto che può essere a sinistra (usate left), destra (usate right), centrato (usate center) e giustificato (usate justify)
- img src: questo serve per far apparire l’immagine, basta inserire l’url come detto prima
- a href: questo serve per inserire il link cliccabile
FORMATTARE UN TESTO
Se vogliamo formattare il testo possiamo utilizzare i seguenti codici:
- <b>TESTO</b>: questo codice serve per mettere in grassetto il testo
- <i>TESTO</i>: questo codice serve per mettere in corsivo il testo
- <strong>TESTO</strong>: questo codice serve per mettere i risalto un parte di testo
- <br />: questo codice serve per inserire una interruzione di linea (ovvero uno spazio)
CONCLUSIONI
Queste sono le basi per creare interessanti widget di testo sfruttando il codice HTML. Se hai domande o qualche dubbio puoi utilizzare tranquillamente i commenti sotto questo post.
Se hai trovato interessante il blog lo puoi votare nella CATEGORIA 27 per il Macchianera Italian Awards cliccando qui.
Se ancora non sei diventato fan su Facebook di Toxnetlab’s Blog puoi farlo cliccando: Toxnetlab’s Blog Facebook.
Se il post ti è piaciuto metti un Mi Piace e/o lascia un commento e condividilo sui vari Social (sempre se vuoi 😀 ).
mrtozzo.com 
Articolo interessante e da tenere presente, segnalo un refuso grammaticale nel primo paragrafo (non “ai” piena libertà…). Complimenti per la chiarezza, è semplice anche per chi non è esperto!
"Mi piace""Mi piace"
Grazie per la segnalazione, provvedo subito a modificare
"Mi piace""Mi piace"
Spiegazioni chiarissime e utili per chi non ha molta praticità del linguaggio html.
Grazie. Ciao, Pat
"Mi piace"Piace a 1 persona
Ciao! 🙂 Innanzitutto complimenti per questo bel blog e per gli articoli chiari e utili.
Avrei una domanda, se possibile, o meglio una sorta di richiesta di aiuto. Per evitare che qualcuno copi articoli e post del mio blog (dato che mi è già accaduto in passato), volevo inserire una funzione che disabilita il copia incolla o la selezione del testo o il tasto destro del mouse (so bene che non risolve il problema ma almeno rende più “difficile” il “lavoro”, visto che spesso non si tratta di hacker o di informatici esperti o di ingegneri). Ho cercato qua e là sul web un codice html per questi scopi e ho provato a inserire come widget un testo con codice generico (piattaforma wordpress.com)…. ma senza risultati 😦
Sapresti darmi qualche dritta?
Grazie mille e scusa per il papiro
"Mi piace""Mi piace"
Buongiorno e grazie per i complimenti.
Guarda purtroppo con wordpress.com non hai la libertà di usare qualsiasi tipo di codice. Quindi molto probabilmente il codice che hai trovato è uno di quelli non accettati da WordPress.
Puoi utilizzare una soluzione “artigianale” per scoprire se qualcuno ti ha copiato il post, ovvero alla fine di ogni articolo inserisci un tuo codice invisibile.
Non ti spaventare è molto facile, quando hai finito di scrivere il tuo post in fondo alla pagina ad esempio (il codice identificativo te lo scegli te): codTOXNETLAB0001.
Poi con il mouse evidenzi il codice appena scritto e poi scegli il colore del testo (se hai lo sfondo del blog bianco scegli colore del testo bianco, se hai il colore dello sfondo nero scegli testo nero e così via..).
Poi per verificare se qualcuno ti ha copiato un post ti consiglio questo post:
http://bennaker.com/blog-copiare-copyscape-google/
"Mi piace"Piace a 1 persona
*o di ingegneri, ma di semplici colleghi
"Mi piace""Mi piace"