🏆
World Cup Final Special

GET THE Wpmet AIO BUNDLE FOR JUST $699

ENDING IN:
00 DAY
:
00 HOUR
:
00 MIN
:
00 SEC
Claim the GOAT Deal Arrow Icon

Come aggiungere collegamenti cliccabili in WordPress [Guida per principianti]

Come aggiungere collegamenti cliccabili in WordPress [Guida per principianti]

I collegamenti cliccabili sono la linfa vitale di qualsiasi sito web. Collegano i tuoi contenuti a risorse preziose, consentono ai visitatori di esplorare diverse sezioni del tuo sito e, in definitiva, migliorano l'esperienza dell'utente. 

If you’re new to WordPress, adding links might seem like a daunting task, and you would definitely ask yourself: How to make a link clickable? But fear not! This beginner-friendly guide will walk you through the methods on come aggiungere collegamenti cliccabili in WordPress — utilizzando l'editor blocchi.

Quick Overview
This blog will share two methods of adding clickable links in WordPress. One is in block editor and another is in Elementor.

Block editor: Gutenberg editor by default has this option. You don’t have to use any tool for it. Just you have to select text where you want to insert link and paste the link after clicking the link icon. Then, press enter to link your specific text in WordPress.

Elementore: You have to use a tool for inserting clickable links in Elementor. ElementsKit is an Elementor addon that comes with Wrapper Link module to add link in minutes. First, you have to install the following plugins:

Tools Used: Elementor (free), ElementsKit (free & pro)

After install and activation, go through the steps below:

  • Abilita collegamento wrapper modulo.
  • Open new or existing page.
  • Select text.
  • Turn on Wrapper Link.
  • Impasto clickable link.
  • Publish or update your page.

Perché aggiungere collegamenti cliccabili in WordPress?

Esistono diversi motivi per cui i collegamenti cliccabili sono essenziali per il tuo sito Web WordPress:

💯 Esperienza utente migliorata: i collegamenti guidano i tuoi visitatori verso informazioni pertinenti, sia sul tuo sito web che su fonti esterne. Questo li aiuta a trovare ciò che stanno cercando in modo rapido ed efficiente.

💯 Maggiore credibilità: Il collegamento a fonti autorevoli rafforza la credibilità dei tuoi contenuti e dimostra la tua ricerca.

💯 Maggiore coinvolgimento: i collegamenti a contenuti correlati sul tuo sito web coinvolgono i visitatori e li spingono a esplorare diverse sezioni, portandoli potenzialmente a scoprire altri tuoi preziosi contenuti.

💯 Vantaggi SEO: Strategic use of internal links within your WordPress il sito web può migliorare il posizionamento nei motori di ricerca (SEO) aiutando i motori di ricerca a comprendere la struttura e il contenuto del tuo sito.

Come aggiungere collegamenti cliccabili nell'editor a blocchi di WordPress

Esistono due metodi principali su come creare un collegamento testuale in WordPress, a seconda dell'editor che stai utilizzando: Editor visivo ed editor a blocchi.

In this blog, we will depict the steps on how to add a link on WordPress using the Gutenberg Block Editor. The Editor dei blocchi, noto anche come Gutenberg, è l'attuale editor predefinito in WordPress. 

Ecco come aggiungere collegamenti in WordPress nell'editor dei blocchi:

Seleziona il testo che preferisci sia un link cliccabile

Per creare un collegamento cliccabile, seleziona semplicemente il testo desiderato all'interno del post del tuo blog facendo clic e trascinando il cursore. 

Selezionando il testo che preferisci sia presente un link cliccabile

Individua e fai clic sul pulsante di collegamento 🔗 

Dopo aver identificato ed evidenziato il testo o la frase che desideri diventi il collegamento ipertestuale di WordPress, verrà visualizzata una barra degli strumenti a blocchi. Trova l'icona del collegamento nella barra degli strumenti del blocco e fai clic su di essa.

Locate and click the link button to link pages in WordPress

Inserisci l'URL del collegamento

Dopo aver fatto clic sull'icona del collegamento, verrà visualizzata una piccola finestra pop-up in cui potrai incollare l'URL del sito Web a cui desideri collegarti. Quindi, premi "accedere" oppure puoi semplicemente fare clic su "Invia”.

Enter the link URL to make a clickable link with ElementsKit

Ora il tuo testo si distingue visivamente perché è sottolineato ed evidenziato. Ciò significa che si tratta di un collegamento ipertestuale o di un collegamento selezionabile. Facendo clic sul testo gli utenti verranno indirizzati all'URL specificato.

Come creare collegamenti cliccabili in Elementor

Incorporare collegamenti in sezioni all'interno di Elementor può rappresentare una sfida. In genere, il metodo predefinito prevede l'inserimento di un pulsante e la configurazione del relativo collegamento per indirizzare alla sezione desiderata. Tuttavia, questo approccio può occasionalmente disturbare l'armonia visiva del tuo design. Ma potrebbe esserci un modo per evitare tutto ciò?

Certo che c'è! Ciò di cui avrai bisogno è un collegamento avvolgente. Ciò ti consente di allegare collegamenti a qualsiasi sezione, colonna o widget all'interno di Elementor, migliorando l'efficienza della navigazione del tuo sito web.

But do we need a plugin for this? Absolutely! But fear not, a feature that gives you the freedom to attach a link within Elementor is now offered by ElementsKit. To get started with this feature, make sure to install the prerequisites, Elementor E ElementsKit Pro.

Scopriamo come funziona……..

Configura collegamento wrapper 

Passa alla dashboard di WordPress e individua ElementsKit. Scegliere Modulo E abilitare il collegamento wrapper. Poi, Salvare le modifiche per iniziare con questa funzionalità.

Set Up Wrapper Link  of ElementsKit

Add WordPress link to a new page or existing page

Per aggiungere un collegamento in Elementor, apri semplicemente una nuova pagina o una pagina esistente. Una volta sulla tua pagina, fai clic su Modifica con Elementor situato nella parte superiore dello schermo.

Add WordPress Link to page with Wrapper Link

Select the section where you want to add a WordPress link. Go to the Scheda Avanzate e vai al Condizioni ElementKit. Seleziona ElementsKit Wrapper Link e attiva il pulsante per abilitare il collegamento. 

Use ElementsKit Wrapper Link to add WordPress clickable URL link

Inserisci l'URL nel campo del collegamento personalizzato. Clicca sul icona di impostazione accanto al campo per consentire l'apertura del collegamento in una nuova finestra quando si fa clic sull'immagine o sul testo in cui si inserisce il collegamento. 

Reindirizzamento del collegamento a una nuova finestra

Infine, pubblica o aggiorna la tua pagina e assisti alla magia.

Risoluzione dei problemi relativi ai collegamenti cliccabili in WordPress

In WordPress, clickable links may occasionally malfunction or break. Here’s how to fix broken and malfunctioning links within WordPress posts or pages.

Collegamenti ipertestuali interrotti

Un collegamento ipertestuale interrotto si riferisce a un collegamento che non funziona correttamente, risultando in una pagina di errore 404 o in un altro messaggio di errore. 

Per risolvere i collegamenti ipertestuali interrotti in WordPress, attenersi a questi passaggi di risoluzione dei problemi:

  1. Utilizza un plug-in per il controllo dei collegamenti interrotti per scansionare il tuo sito Web per eventuali collegamenti interrotti.
  2. Una volta identificati i collegamenti interrotti, aggiornali o rimuovili di conseguenza.
  3. Assicurati che gli URL a cui ti stai collegando siano accurati e rimangano attivi.

An alternative method to rectify broken hyperlinks involves manually inspecting each link on your website. Although time-consuming, this approach guarantees the functionality of all website links. Simply click on each link and confirm its redirection to the intended page.

Collegamento ipertestuale disfunzionale nei post o nelle pagine di WordPress

Una causa comune di disfunzione del collegamento ipertestuale è un problema con il collegamento URL si. A volte è causato dalla compatibilità con il plugin o il tema.

Se i collegamenti ipertestuali non funzionano correttamente nei post o nelle pagine di WordPress, procedi con questi passaggi:

  1. Verificare la corretta formattazione dei collegamenti ipertestuali.
  2. Conferma l'accuratezza degli URL collegati e assicurati che siano ancora attivi.
  3. Disabilita i plugin in conflitto che potrebbero interrompere i collegamenti ipertestuali.
  4. Cancella cache e cookie per risolvere potenziali problemi di collegamento ipertestuale relativi al browser.

Occasionalmente, i malfunzionamenti dei collegamenti ipertestuali possono derivare da problemi del database WordPress. Risolvi questo problema accedendo alla dashboard di WordPress, accedendo a "Utensili" e selezionando "Banca dati.” Procedi con la scelta “Riparare la banca dati" per affrontare eventuali problemi di fondo.

 ✔ Prova ad aggiungere il lettore audio al tuo sito con i migliori plugin per lettori audio in WordPress

Come aggiungere un collegamento cliccabile nell'immagine?

Adding a hyperlink in WordPress is not only limited to text but also applicable to images. Absolutely! But you will need to highlight the image instead of the text. This will allow users to click on the image and be directed to the linked website.

  1. Inserisci l'immagine nel tuo post o pagina WordPress.
  2. Clicca sull'immagine per selezionarla.
  3. Fare clic sull'icona del collegamento.
  4. Enter the desired clickable URL.
  5. Hit “Enter” or click “Submit”.
Rendere un'immagine cliccabile in WordPress

La differenza con l'aggiunta di un collegamento alla tua immagine è che hai la possibilità di aprire l'URL collegato in una nuova scheda. 

Domande frequenti

Come posso assicurarmi che i miei collegamenti non siano interrotti?

È buona norma controllare regolarmente i collegamenti per assicurarsi che funzionino ancora. Sono disponibili plugin per WordPress che possono aiutarti a identificare i collegamenti interrotti.

Cosa dovrei usare come testo del collegamento?

Scegli un testo del collegamento chiaro e conciso che rifletta accuratamente il contenuto a cui rimanda il collegamento. Evita frasi generiche come “clicca qui”.

Come faccio a rendere cliccabile un post in WordPress?

Esistono due modi principali per rendere un post cliccabile in WordPress:
1. Collegamento all'URL del post: se menzioni un altro post sul tuo sito web, puoi semplicemente copiare e incollare l'URL del post e trattarlo come qualsiasi altro collegamento ipertestuale. Gli utenti che cliccano su questo link verranno indirizzati al post completo.
2. Utilizzo del collegamento interno: WordPress offre funzionalità integrate per i collegamenti interni. Nell'editor dei blocchi, puoi iniziare a digitare il titolo del post a cui desideri collegarti e WordPress suggerirà le opzioni pertinenti. Ciò semplifica il processo e garantisce il collegamento al post corretto.

How to make a hyperlink clearer on WordPress?

If you’ve faced a hyperlink on WordPress not clear issue, you can use a contrasting color, underline links, and add hover effects to make hyperlinks more visible on WP site.

Pensiero finale

Adding clickable links in WordPress is a fundamental skill for any beginner. The steps vary depending on the choice of your WordPress editor.  If you are using a Gutenberg Editor, these steps are right for you. 

Ricorda, l'uso strategico dei collegamenti è fondamentale per creare un sito Web accattivante e informativo. Questi collegamenti ipertestuali migliorano l'esperienza utente del tuo sito web, migliorano il suo SEO e collegano i tuoi visitatori a risorse preziose. 

Buon collegamento!


Avatar Cza

Cza

Cha is a WordPress specialist with expertise in WooCommerce, AI SEO strategy, and Gutenberg-based website development. Cha believes in dreaming with purpose and living with intention.

Commenti

Lascia un commento

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

Sommario