Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere l’attributo Title nei menu di navigazione di WordPress

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete aggiungere gli attributi del titolo alle voci del vostro menu di navigazione di WordPress?

L’attributo title consente di fornire informazioni aggiuntive su una voce di menu. Spesso viene visualizzato come testo di commento (tooltip) quando l’utente passa con il mouse sul collegamento.

In questo articolo vi mostreremo come aggiungere gli attributi dei titoli nei menu di navigazione di WordPress sia per i temi classici che per i temi a blocchi.

How to Add Title Attribute in WordPress Navigation Menus

Perché aggiungere gli attributi del titolo alle voci del menu di navigazione?

In WordPress, è possibile aggiungere un attributo title per descrivere meglio qualsiasi elemento HTML. Questo viene spesso utilizzato con i link e le immagini per fornire informazioni aggiuntive che appaiono come un tooltip quando l’utente passa il mouse sull’elemento.

Ecco un esempio di attributo del titolo di un’immagine visualizzato in un tooltip. L’utente può ottenere ulteriori informazioni sull’immagine spostando il mouse su di essa.

An image with the title text

Per saperne di più, consultate la nostra guida sulla differenza tra testo alt e titolo dell’immagine.

Si consiglia inoltre di utilizzare l’attributo title quando si aggiungono link ai post. In questo modo gli utenti possono vedere dove li porterà il link prima di cliccarlo.

Alcuni esperti SEO ritengono che l’attributo link sia utile per l’ottimizzazione dei motori di ricerca (SEO) perché consente di fornire un contesto più ampio.

L’attributo title può anche essere letto ad alta voce dagli screen reader utilizzati dagli utenti ipovedenti. Tuttavia, spesso viene ignorato e al suo posto viene letto il testo di ancoraggio.

Detto questo, vediamo come aggiungere l’attributo title nei menu di navigazione di WordPress. Potete utilizzare i link sottostanti per passare al metodo che funziona con il vostro tema:

Aggiunta di un attributo titolo alle voci di menu del tema classico

Se si utilizza un tema classico di WordPress, è possibile personalizzare il menu di navigazione visitando Aspetto ” Menu nella propria dashboard.

Tuttavia, per impostazione predefinita, non è possibile aggiungere un attributo titolo alle voci di menu.

Per aggiungere questa funzionalità, è necessario fare clic sulla scheda “Opzioni schermo” nell’angolo in alto a destra dello schermo. Si aprirà un menu in cui si dovrà fare clic sulla casella di controllo accanto all’opzione “Attributo titolo”.

Enabling Image Attributes in Screen Options

Questo aggiungerà un campo di attributo titolo per quando si crea o si modifica una voce di menu.

A questo punto, è possibile scorrere verso il basso e fare clic su qualsiasi voce del menu esistente per espanderla. Verrà visualizzato il campo dell’attributo title.

Adding a Title Attribute to a Classic Theme Menu Item

È ora possibile aggiungere il testo che si desidera utilizzare come titolo. È inoltre possibile espandere altre voci di menu e aggiungere loro gli attributi del titolo.

Non dimenticate di fare clic sul pulsante “Salva menu” in fondo alla pagina per memorizzare le modifiche.

Ora potete visitare il vostro sito web WordPress e passare con il mouse su un link nel menu di navigazione. Vedrete l’attributo title visualizzato come un tooltip.

Preview of a Menu Entry Title Attribute When Using a Classic Theme

Aggiunta di un attributo titolo alle voci di menu del tema a blocchi

Se si utilizza un tema a blocchi, è possibile personalizzare il menu di navigazione utilizzando l’Editor completo del sito. Questo editor consente di aggiungere attributi di titolo alle voci del menu per impostazione predefinita.

Per prima cosa, è necessario andare su Aspetto ” Editor nell’area di amministrazione di WordPress e poi fare clic sull’opzione “Navigazione” per trovare i menu.

Go to the Navigation Section of the Full Site Editor and Select a Menu

È necessario selezionare il menu che si desidera modificare dall’elenco.

A questo punto, è possibile fare clic sul riquadro di anteprima a sinistra per aprire l’editor a schermo intero. Assicurarsi di vedere il riquadro delle impostazioni a sinistra. In caso contrario, è possibile visualizzarlo facendo clic sul pulsante ‘Impostazioni’ nella parte superiore dello schermo.

Click a Menu Entry in the Settings Pane

Quindi, fare clic sulla voce di menu nel riquadro delle impostazioni che si desidera modificare. Verranno visualizzate le opzioni per quella voce, compreso l’attributo titolo.

È sufficiente digitare il titolo nel campo “Attributo del titolo”.

Add a Tiitle Attribute in the Settings Pane

Assicurarsi di fare clic sul pulsante “Salva” nella parte superiore della schermata per memorizzare le nuove impostazioni. È necessario fare clic su un secondo pulsante “Salva” per confermare.

Ora è possibile visitare il proprio sito web per vedere l’attributo title del menu in azione.

Preview of a Menu Entry Title Attribute in a Block Theme

Guide esperte per la personalizzazione dei menu di navigazione di WordPress

Ora che sapete come aggiungere un attributo title nel vostro menu di navigazione, potreste voler vedere altri articoli relativi alla personalizzazione del menu di navigazione di WordPress:

Speriamo che questo tutorial vi abbia aiutato a imparare come aggiungere un attributo title nei menu di navigazione di WordPress. Potreste anche voler consultare la nostra guida su come aumentare il traffico del vostro blog o la nostra scelta dei migliori plugin per i moduli di contatto per WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

18 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    I find it interesting to know that seo is more human than we are and it has more consideration for all than we do.
    I mean when we do seo taking care of title and alt tags and we try to make sure it optimizes on seo parameters, it in turn lets screen readers to view and read clearly.
    I didn’t know that menu options also does have option for title attribute. thanks for this addition.

  3. Ralph Miller says

    This was incredibly helpful. I didn’t know there was a menu for screen options. My title attribute had disappeared and this absolutely helped me find it. Thank you!

  4. Fifa says

    I don’t know why all the praises here but I’ve tried to follow a few of instructions from this site and NOTHING WORKS.

  5. Jim says

    Wow, thank you! I’ve been tearing my hair out all day trying to inject the title attribute with the nav_menu_link_attributes, Nothing would work. This was so easy and worked great. I had no idea all that stuff was hidden in Screen Options. Thanks again!

  6. Linda Paul says

    This did not work at all for me. In the example screen shots you say to scroll down and click any menu item and expand it. The screen shot clearly shows URL, Navigation Lable, Title Attribute. But when I expand the menu item I want to edit, there IS NO URL associated with it. I am trying to make this one category read in ascending order (oldest to newest.)

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.