Come inserire un link ad una sezione della stessa pagina in WordPress

Come inserire un link ad una sezione della stessa pagina in WordPress

Come inserire un link ad una sezione della stessa pagina in WordPress: link che rimandano ad elementi presenti nella stessa pagina in WordPress.

L’inserimento di un link ad una pagina differente, o ad un altro sito su WordPress è abbastanza semplice, ma è meno immediato inserire un link ad una sezione presente nella stessa pagina.

In questo articolo (e nel video allegato) vedremo come fare ad inserire un link ad un elemento presente nella stessa pagina.

Per poter collegare un elemento ad un altro della stessa pagina in WordPress dovremo andare a modificare il codice HTML, ma le modifiche sono molto semplici e possono essere fatte anche senza conoscere l’HTML.

Si può utilizzare un editor qualsiasi (ad esempio Elementor, Divi, Page Builder, ecc) ma in questo tutorial utilizzeremo l’editor predefinito di WordPress.

I passi da compiere sono 2:

  • Assegnare un ID ad un elemento (o copiare l’ID per gli elementi che ne hanno già uno)
  • Inserire quell’ID nel link

Per cominciare quindi andiamo ad assegnare o a verificare se un elemento ha un ID.

Controlliamo se un elemento ha un ID

Facciamo click sull’elemento al quale vogliamo rimandare il link (ad esempio il titolo di un paragrafo.

Quindi nel menù che appare sopra l’elemento clicchiamo sui 3 puntini, e clicchiamo su “Modifica come HTML“.

In questo modo vedremo il codice HTML associato a quell’elemento.

Quello che dovremo fare è verificare se è presente un valore simile a id=”nome_id” dove “nome_id” sarà l’id associato a quell’elemento.

Se dovesse essere già presente ci basterà copiarlo, se invece non dovesse essere presente, dovremo crearlo noi.

l’id va inserito all’interno del tag html quindi se ad esempio avessimo:

<p>Testo contenuto nel paragrafo.</p>

Andremo ad inserire l’id in questo modo:

<p id="id_a_scelta">Testo contenuto nel paragrafo.</p>

É importante ricordare che l’id non deve avere spazi quindi possiamo scrivere “id_a_scelta”, “idascelta”, “id-a-scelta” ma non “id a scelta”.

Inseriamo l’ID nel collegamento

Ora che abbiamo verificato che l’elemento da collegare ha un id, non ci resta che inserirlo nel collegamento.

Per farlo selezioniamo il testo che avrà il link e clicchiamo sul tasto per inserire un link.

Qui dovremo scrivere #id quindi se il mio id è id_a_scelta, scriverò #id_a_scelta.

Per una spiegazione più dettagliata, per la guida passo per passo, e per sapere come inserire un link ad una parte specifica del paragrafo vi rimando al video.

author avatar
Claudio Masci
Sono innanzitutto un appassionato di informatica e tecnologia in generale. Lavoro in ambito informatico da circa 16 anni, spaziando in diversi campi, andando dalla programmazione web, allo sviluppo di software, dalla grafica alla modellazione 3d ed al video editing, ho sempre voluto approfondire ogni aspetto e questo mi ha permesso di lavorare in diversi ambiti informatici.