Corso WordPress

Come inserire link nelle pagine e nei widget

Lezioni Correlate: Css per i link

In questa lezione imparerai ad inserire dei link in WordPress, nei post o nelle pagine, oppure in un widget.

Vedrai come utilizzare l'icona a catena dell'editor di WordPress e come stabilire se eseguire un link su un contenuto esistente o esterno alla tua piattaforma.

Nel caso desideri inserire un link in un widget testuale vedrai come inserire del codice HTML.

Hai una domanda su questa lezione?

Accedi al video corso


  1. Rosario
    Rosario dice:

    Buonasera
    Se scegliessi di inserire un link nel widget dovrei utilizzare dei codici? Oppure è un semplice copia ed incolla del link interessato?

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Rosario,
      ovunque inserisci un link in un campo di testo devi utilizzare il codice HTML con tag “a”. A volte quando fai copia incolla direttamente dalla parte Visuale ti tiene anche il ilnk, a volte no, quindi è sempre bene quando di copia incolla del testo, soprattutto se c’è del codice, fare un controllo che tutto sia corretto. Se sei nell’editor articoli controlla in visione “testo”.

      Lo stesso vale per i diversi moduli del tema che deciderai di installare. Se è un campo di testo devi utilizzare il codice HTML, se invece è per esempio un modulo di un bottone, allora troverai il campo per la URL e il campo per l’etichetta del bottone.

      Comunque se hai dubbi l’unico modo è provare. Non combini pasticci con funzioni di questo tipo, non ti preoccupare.

      Buona giornata

  2. Anna
    Anna dice:

    Ciao, ho inserito un link su una parte di testo e ok, ma come faccio a far si che, una volta cliccato si apra in una nuova pagina ?Grazie Mille.

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Anna,
      quando utilizzi l’editor di WordPress per inserire un link, per aprire il pupup con le impostazioni devi premere l’iconcina con la rotellina. Dentro il popup c’è la casellina da spuntare che dice “Apri il link in una nuova sheda”.

      Se vai in visuale testo trovi L’html con cui è fatto un link, ovvero tramite il tag a.
      Noterai che al tag html a è stato aggiunto l’attributo target=”_blank”, attributo che dice al browser di aprire il link in una nuova scheda.

      Buona giornata

  3. elmax22
    elmax22 dice:

    Ciao ragazzi.
    Vorrei selezionare una parte di testo di un articolo su cui creare un link che mi porta, cliccandolo ad una immagine che ho caricato sul sito.
    Quando, dopo aver selezionato il testo e cliccando sull’icona del link, mi si apre la videata dove mi chiede il link all’immagine, come faccio ad indicare una immagine caricata all’interno del sito..vedo i riferimenti alle varie pagine, ma non all’immagine che ho caricato nei media..

    Grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Massimo,
      Per prima cosa devi recuperare la URL dell’immagine.

      Se vai nel pannello Media e clicchi su una foto ti appare sul lato destro (URL del file).

      Poi ti basta incollare la url come link e, a seconda del tema che usi puoi apparire come lightbox o come link semplice.

      Buona giornata

  4. Nicoló De Maria
    Nicoló De Maria dice:

    Ciao,
    potrei gentilmente sapere come posso aggiungere dei segnalibri in una pagina? La pagina è molto lunga e vorrei aggiungere dei pulsanti che mi portino direttamente ad un punto esatto.

    grazie mille
    nicolò

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Nicolò,
      intendi mettere dei link che puntano alla stessa pagina, giusto?
      Allora devi farlo tramite HTML, ovvero andando nella modalità testo del tuo editor.
      Come tipo di link, invece di inserire la URL, devi utilizzare il cancelletto.
      Per esempio <a href=”#titolo2″…>

      Questo per il link, ma ora devi andare nel punto del testo dove vuoi che scrolli la pagina quando l’utente preme il link.
      Se per esempio è un h2, allora devi inserire l’attributo <h2 id=”#titolo2″…>

      Buona giornata

    • Nicoló De Maria
      Nicoló De Maria dice:

      Ciao Lorenzo, grazie.
      Sto facendo varie prove ma non riesco.

      Se ho capito bene, devo creare un normale testo con link, ma al posto della URL devo inserire il tag, ad esempio #titolo2 Giusto?
      Lo short-code che hai scritto tu ha anche i tre puntini? Mi vengono eliminati automaticamente.

      Ti ringrazio molto se puoi dirmi dove sbaglio

    • Lorenzo
      Lorenzo dice:

      Ciao Nicolò,

      ecco esattamente quello che devi scrivere all’interno del editor di WordPress in visualizzazione “Testo” che puoi selezionare dalla linguetta in alto a destra dell’editor.

      Mettiamo caso che all’inizio dell’articolo vuoi mettere un elenco puntato con dei link che porta alle varie sezioni dell’articolo.

      Il link lo fai così’:
      <a href=”#titolo2″>Il testo del link</a>

      E il punto a cui vuoi fare arrivare l’utente una volta che ha premuto il link lo devi definire. Per esempio è un sottotiolo H2:
      <h2 id=”titolo2″>Titolo</h2>

      NOTE BENE: questi NON sono shortcode. Gli shortcode li inserisci nel testo normale e sono con il formato [nomeShortcode]. Questi richiamano del codice che esegue e restituisce qualcosa visivamente.

      Quelli che invece utilizziamo per i link sono normali tag HTML.
      I tag HTML sono all’interno dei segni maggiore/minore e possono avere degli attributi che gli danno delle specifiche.
      Un attributo per il tag <a> è appunto href, dove si specifica la destinazione del link.

      Per ulteriori approfondimenti su HTML e CSS ti ri mando al corso che abbiamo qui su Webipedia.

      Buona giornata!

Corso WordPress GRATUITO

INSERISCI NOME E MAIL PER ACCEDERE ALLE PRIME 19 LEZIONI.

Zero spam. Garantito.

Corso Wordpress Gratis

Inizia il Corso di WordPress GRATIS!

Inserisci nome ed email per avere l'accesso gratuito alle prime 19 lezioni del corso. Impara a costruire da solo il tuo sito web!

Ci sei quasi! Ti abbiamo mandato un'email per confermare il tuo indirizzo di posta.

Pin It on Pinterest