Come aggiungere il link alla featured image su WordPress

Come aggiungere il link alla featured image su WordPress

Ti interessa sapere come aggiungere il link alla featured image su WordPress? Questa è la guida che fa per te!

Prima di iniziare, ci tengo però a fare subito una premessa: i passaggi descritti in questa guida prevedono di aggiungere alcune righe di codice direttamente all’interno di un file in formato php.

Ti darò alcuni consigli, però se non hai alcuna esperienza di programmazione e ‘non te la senti’, contattaci e ti aiuteremo noi.

La maggior parte dei temi hanno già la funzionalità che permette di cliccare sulla featured image nell’elenco dei post (per esempio nella pagina blog o in una pagina categoria), per aprire l’articolo a cui essa si riferisce.

Però, per quelli che non ce l’hanno, aggiungerla può migliorare notevolmente l’usabilità del sito. Infatti, viene di molto semplificata la navigazione, perché molti utenti sono abituati a cliccare direttamente sull’immagine e non sul titolo di un articolo per poterlo visualizzare.

Se il tuo tema non ha le immagini in evidenza cliccabili, segui le istruzioni descritte qui sotto.

Come inserire i codici per rendere cliccabile l’immagine in evidenza

I codici che trovi qui sotto devono essere inseriti all’interno del file functions.php del tema attivo sul sito.

Prima di fare questa modifica, ti consiglio però di adottare le seguenti precauzioni:

  • per prima cosa, assicurati di avere una copia di backup integrale del tuo sito. Ogni tema WordPress è differente e, qualora ci fossero problemi di compatibilità tra il codice ed il tuo tema, un backup ti permetterà di ripristinare il sito allo stato precedente alla modifica.
  • Fai le modifiche su un tema child. Se aggiungi i codici senza creare un tema child, è possibile che le modifiche siano sovrascritte quando aggiorni il tema. Il tema child ti permette di evitare che questo accada. Per maggiori informazioni su che cos’è un tema child, come crearlo e come utilizzarlo, leggi questa guida.
  • Usa un editore adatto a lavorare sui codici. Scarica il file tramite il file manager del tuo hosting o via FTP. Quindi usa un editore adatto a lavorare su codici PHP (per esempio, Sublime Text o Notepad ++) e ricarica il file modificato. Non usare editori come Microsoft Word, che andrebbero ad aggiungere ulteriori codici e genererebbero errori.

Bene, ora che sai tutto questo, ecco qui i codici da aggiungere. Le seguenti righe vanno inserite in fondo al file functions.php del tema attivo sul tuo sito. 

function add_link_featured_image( $html, $post_id, $post_image_id ) {
$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;
}
add_filter( 'post_thumbnail_html', 'add_link_featured_image', 10, 3 );

Come ho già scritto all’inizio della guida, se non ti senti a tuo agio nel lavorare direttamente sui codici, chiedi aiuto ad un esperto.

Conclusione

In questa breve guida abbiamo visto come aggiungere il link alla featured image su WordPress. Si tratta di un piccolo accorgimento, che però può aiutare gli utenti a navigare più facilmente sul tuo sito.

Hai qualche domanda sul codice o su come aggiungerlo?

Lascia pure il tuo commento qui sotto al post.

Alla prossima guida!

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
10Commenti
Lascia un commento
  1. Immagine avatar per Stefania Bonafede
    Stefania Bonafede

    ho aggiunto le righe di codice, ma non ho capito esattamente dove dovrei trovare un box per inserire il link e rendere clicabile la mia immagine in evidenza dell’articolo.

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Stefania, potresti trovarlo direttamente come campo presente quando inserisci l’immagine in evidenza.

  2. Immagine avatar per Roberta
    Roberta

    Ciao, Non esiste un comodo plugin che faccia tutto questo senza mettere io stessa mano ai codici?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Roberta, non ne conosciamo nessuno che sia valido e aggiornato allo stesso tempo. In caso lo trovassimo, aggiorneremo sicuramente il post. Un saluto!

  3. Immagine avatar per Frug
    Frug

    Ciao,
    grazie per l’utilissimo articolo. Purtroppo non riesco a usare correttamente il codice. Quali parti vanno sostituite con link effettivi o altro?
    Grazie mille.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, devi lavorare all’interno del file functions.php inserendo alla fine dello stesso il codice fornito. Mi raccomando, fai un backup preventivo!

    2. Immagine avatar per Frug
      Frug

      Copiato e incollato alla fine di functions.php e purtroppo non funziona… devo sostituire qualcosa?

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      No, forse lo hai incollato tra i simboli /* che rappresentano i commenti nel file?

    4. Immagine avatar per Frug
      Frug

      Putroppo no, è inserito correttamente 🙁
      E lavoro in locale.

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Purtroppo da qui, senza entrare nel sito e senza controllare direttamente il codice, non posso indicare soluzioni certe. Ti consiglio quindi di contattare il nostro reparto servizi da qui: https://sos-wp.it/servizi-web/.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *