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

In WPBeginner, aggiungiamo gli attributi del titolo alle immagini e ai link. Quando gli utenti passano del mouse su questi elementi, l’attributo del titolo appare in un tooltip come spiegazione utile.

Un altro luogo utile per utilizzare i tooltip è il menu di navigazione di WordPress. Aggiungendo gli attributi del titolo alle voci di menu, potete dare alle persone un contesto più preciso su dove andranno quando cliccano, senza aggiungere disordine al vostro sito web.

In questo articolo vi mostreremo come aggiungere facilmente questi attributi di titolo ai vostri menu di WordPress, sia che utilizziate un tema classico o un nuovo tema a blocchi. Si tratta di una semplice modifica che può rendere il vostro sito web un po’ più user-friendly.

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

Speriamo che questo tutorial vi abbia aiutato a imparare come aggiungere un attributo title nei menu di navigazione di WordPress. Potreste anche voler vedere altri articoli relativi alla personalizzazione del menu di navigazione di 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

    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

    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

    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!

    • WPBeginner Support

      You’re welcome, glad our guide was helpful :)

      Admin

  4. Otto

    My God!
    Thanks a lot, you are amazing people!
    :)

    • WPBeginner Support

      You’re welcome, glad our article was helpful :)

      Admin

  5. Fifa

    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.

  6. Jim

    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!

  7. Amauri

    Thanks, you saved me. A crystal clear tutorial.

  8. Linda Paul

    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.)

  9. Hüsna Hüner

    Thank you very much for menu title attirube. I am turkish not speak english bro :)

  10. Kalanda

    i need to own-org website

  11. Mike Maxson

    Thanks for this, did not even know this feature existed. You learn something new everyday. :)

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.