Stai leggendo il blog di: Elvo
Questo blog ha 0 Followers

Illustrazione: Igor - clicca sull'immagine per visitare il suo blog

Una funzione importante a disposizione degli autori è la possibilità di inserire link nei propri articoli; esistono due modi per farlo: inserendolo manualmente in modalità HTML o, molto più semplicemente, usando l’apposito tasto in modalità visuale.

Partiamo dal metodo più semplice:
Nella pagina di modifica (in modalità visuale) di un articolo selezionate il testo che volete far diventare un link, poi cliccate sull’icona a forma di catena (quella a destra degli allineamenti) e vi apparirà un box dove potete inserire il link e decidere se aprirlo nella stessa pagina o in una nuova finestra; potrete segliere se dargli un’etichetta (titolo) o se dargli un allineamento.
Per modificare in seguito un link basta portare il puntatore di scrittura in mezzo al link (non è necessario selezionare di nuovo tutta la parola) ed utilizzare il solito tasto visto sopra; se volete eliminare un link usate invece il tasto della catena che si spezza.

Per completezza vi spiego ora il metodo più complesso:
Per capire questo metodo bisogna capire come è fatto un link in html:

<a href="il link che volete mettere" target="dove si aprirà la pagina, vedi specifiche sotto" title="L’etichetta che volete dare al link"> Testo o immagine che farà da link</a>

La <a> apre il tag per un link e la sua chiusura (obbligatoria!) è </a>, dentro <a> mettete tutti i parametri come visto sopra, ricordando che:

  • href è obbligatorio per far funzionare il link, vi consiglio di inserire il link completo (cioè partendo da http);
  • target è facoltativo; serve per dire al browser dove aprire il link: con “_blank” verrà aperto in una nuova pagina, con “_self” o cancellando questo parametro lo aprirà nella stessa pagina;
  • title è facoltativo; serve per mostrare un’etichetta quando ci si passa sopra con il mouse.

Ora facciamo un esempio pratico:  il seguente codice

<a href="https://www.webcomics.it/shocktour/" target="_blank" title="Shocktour">La guida per gli autori Shockdom</a>

Diventa così: La guida per gli autori Shockdom (ogni tentativo di autoreferenzialità è puramente casuale)

Una cosa importante è sapere che si possono mettere link anche alle immagini, e si può fare in tre modi diversi:

  1. In modalità visuale selezionate l’immagine inserita nell’editor (cliccando col tasto sinistro) e poi sull’icona “Modifica immagine”: da qui riempite il campo “URL link” e poi cliccate su “Aggiorna” ); per aprire il link in una nuova finestra dovrete spuntare la casella apposta in fondo a “Impostazioni avanzate”;
  2. Sempre in modalità visuale selezionate l’immagine e poi cliccate sull’icona a forma di catena: da qui inserite il link come se avete fatto in precedenza con un testo;
  3. In modalità HTML potete “annidare” nel codice del link un’immagine: ad esempio, con il codice
<a href="https://www.webcomics.it/shocktour/" target="_blank" title="Shocktour"><img src="https://www.webcomics.it/shocktour/files/2012/03/logoheader-150x150.jpg" /></a>

otteniamo questo:

Per maggiori informazioni sull’inserimento delle immagini vi rimandiamo alle sezioni “Gestione Libreria Media” e “Come caricare immagini al di fuori del proprio blog“.

Ed anche questa spiegazione è giunta al termine, buon lavoro!