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

Como adicionar o atributo de título nos menus de navegação do WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja adicionar atributos de título aos seus itens de menu de navegação do WordPress?

O atributo title permite que você forneça informações adicionais sobre um item de menu. Ele geralmente aparece como texto de dica de ferramenta quando o mouse do usuário passa sobre o link.

Neste artigo, mostraremos como adicionar atributos de título nos menus de navegação do WordPress para temas clássicos e temas de bloco.

How to Add Title Attribute in WordPress Navigation Menus

Por que adicionar atributos de título aos itens do menu de navegação?

No WordPress, você pode adicionar um atributo de título para descrever melhor qualquer elemento HTML. Isso geralmente é usado com links e imagens para fornecer informações extras que aparecem como uma dica de ferramenta quando o usuário passa o mouse sobre o elemento.

Aqui está um exemplo de um atributo de título de imagem exibido em uma dica de ferramenta. O usuário pode obter mais informações sobre a imagem ao passar o mouse sobre ela.

An image with the title text

Você pode saber mais em nosso guia sobre a diferença entre o texto alternativo da imagem e o título.

Também recomendamos que você use o atributo de título ao adicionar links à sua postagem. Isso permite que os usuários vejam para onde o link os levará antes de clicarem nele.

Alguns especialistas em SEO acreditam que o atributo de link é útil para a otimização de mecanismos de busca (SEO) porque permite que você forneça mais contexto.

O atributo title também pode ser lido em voz alta por leitores de tela usados por usuários com deficiência visual. No entanto, ele geralmente é ignorado, e o texto âncora é lido em seu lugar.

Dito isso, vamos dar uma olhada em como adicionar o atributo de título nos menus de navegação do WordPress. Você pode usar os links abaixo para ir para o método que funciona com seu tema:

Adição de um atributo de título aos itens de menu do tema clássico

Se estiver usando um tema clássico do WordPress, você poderá personalizar o menu de navegação acessando Appearance ” Menus no painel.

No entanto, por padrão, não é possível adicionar um atributo de título às entradas de menu.

Para adicionar esse recurso, você precisará clicar na guia “Screen Options” (Opções de tela) no canto superior direito da tela. Isso abrirá um menu, no qual você deverá clicar na caixa de seleção ao lado da opção “Title Attribute” (Atributo de título).

Enabling Image Attributes in Screen Options

Isso adicionará um campo de atributo de título para quando você criar ou editar uma entrada de menu.

Agora, você pode rolar a tela para baixo e clicar em qualquer item do menu existente para expandi-lo. Você verá o campo de atributo de título.

Adding a Title Attribute to a Classic Theme Menu Item

Agora você pode adicionar o texto que deseja usar como título. Você também pode expandir outros itens de menu e adicionar atributos de título a eles.

Não se esqueça de clicar no botão “Save Menu” (Salvar menu) na parte inferior da página para armazenar suas alterações.

Agora você pode visitar o site do WordPress e passar o mouse sobre um link no menu de navegação. Você verá o atributo de título exibido como uma dica de ferramenta.

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

Adição de um atributo de título aos itens de menu do tema de bloco

Se estiver usando um tema de bloco, você poderá personalizar o menu de navegação usando o Full Site Editor. Esse editor permite que você adicione atributos de título às entradas do menu por padrão.

Primeiro, você precisa acessar Appearance ” Editor na área de administração do WordPress e, em seguida, clicar na opção “Navigation” (Navegação) para localizar seus menus.

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

Você precisará selecionar o menu que deseja editar na lista.

Agora, você pode clicar no painel de visualização à esquerda para abrir o editor em tela cheia. Verifique se você consegue ver o painel de configurações à esquerda. Caso contrário, poderá exibi-lo clicando no botão “Settings” (Configurações) na parte superior da tela.

Click a Menu Entry in the Settings Pane

Em seguida, clique no item de menu no painel de configurações que você deseja editar. Isso exibirá as opções para essa entrada, incluindo o atributo de título.

Basta digitar seu título no campo “Title Attribute” (Atributo do título).

Add a Tiitle Attribute in the Settings Pane

Certifique-se de clicar no botão “Save” (Salvar) na parte superior da tela para armazenar as novas configurações. Você precisará clicar em um segundo botão “Save” (Salvar) para confirmar.

Agora, você pode visitar seu site para ver o atributo de título do menu em ação.

Preview of a Menu Entry Title Attribute in a Block Theme

Guias especializados para personalizar os menus de navegação do WordPress

Agora que você sabe como adicionar um atributo de título no menu de navegação, talvez queira ver outros artigos relacionados à personalização do menu de navegação do WordPress:

Esperamos que este tutorial tenha ajudado você a aprender como adicionar um atributo de título nos menus de navegação do WordPress. Talvez você também queira ver nosso guia sobre como aumentar o tráfego do seu blog ou nossa seleção especializada dos melhores plug-ins de formulário de contato para WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

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.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

16 ComentáriosDeixe uma resposta

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

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

  4. 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!

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

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.