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

Så här addar du attributet Rubrik till navigationsmenyer i WordPress

På WPBeginner lägger vi till titelattribut till våra bilder och länkar. När våra användare håller muspekaren över dessa objekt dyker titelattributet upp i en tooltip som en användbar förklaring.

En annan användbar plats att använda tooltips på är i din WordPress-navigeringsmeny. Genom att lägga till titelattribut till dessa menyalternativ kan du ge människor lite mer sammanhang om vart de kommer när de klickar utan att lägga till röran på din webbplats.

I den här artikeln visar vi hur du enkelt kan lägga till dessa titelattribut i dina WordPress-menyer, oavsett om du använder ett klassiskt tema eller ett nytt blocktema. Det är en enkel åtgärd som kan göra din webbplats lite mer användarvänlig.

How to Add Title Attribute in WordPress Navigation Menus

Varför lägga till rubrikattribut till navigation menu items?

I WordPress kan du add to ett rubrik-attribut för att bättre beskriva ett HTML-element. Detta används ofta med länkar och images för att ge extra information som visas som en tooltip när användaren hoverar med musen över elementet.

Här är ett exempel på ett attribut för rubriken på en image som visas i en Tooltip. Användaren kan få More information om imagen genom att föra musen över den.

An image with the title text

Du kan lära dig mer i vår guide om skillnaden mellan alt-text och titel för images.

Vi rekommenderar också att you använder title-attributet när du lägger till links i your post. Detta allow användare att se vart linken kommer att ta dem innan de klickar på den.

Vissa SEO-experter anser att link-attributet är användbart för sökmotorsoptimering (SEO) eftersom det allow you att ge mer sammanhang.

Attributet title kan också läsas högt av screen readers som används av användare med nedsatt syn. Det ignoreras dock ofta och ankartexten läses istället.

Med detta sagt, låt oss ta en titt på hur man add to title-attributet i WordPress navigations menyer. Du kan använda länkarna under för att hoppa till den metod som fungerar med ditt theme:

Lägga till ett attribut för en Rubrik till Classic Theme Menu Items

Om du använder ett klassiskt WordPress-tema kan du customize din navigation menu genom att gå till Appearance ” Menus i din dashpanel.

Du kan dock inte add to ett attribut för titel till inlägg i menyn som standard.

För att add to denna capability måste you click the ’Screen Options’ tabs in the top right corner of the screen. Detta kommer att ge en meny, där du måste klicka på kryssrutan bredvid alternativet ”Titelattribut”.

Enabling Image Attributes in Screen Options

This will add a title attribute field for when you create or edit a menu entry.

Nu kan du rulla ner och klicka på valfritt menu item i din befintliga meny för att förstora det. You will see the title attribute field.

Adding a Title Attribute to a Classic Theme Menu Item

Du kan nu add to den text du vill använda som Rubrik. Du kan också förstora andra menu items och add to title attributes till dem.

Glöm inte att klicka på knappen ”Save Menu” längst ner på sidan för att spara dina ändringar.

Nu kan du besöka din WordPress website och föra muspekaren över en link i navigation menu. You will see the title attribute displayed as a tooltip.

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

Lägga till ett attribut för rubrik till Block Theme Menu Items

Om du använder ett Block Editor-tema kan du customize din navigation menu med hjälp av Full Site Editor. Denna editor allow you to add title attributes to your menu entries by default.

Först måste du navigera till Appearance ” Editor i ditt WordPress admin area och sedan klicka på alternativet ”Navigation” för att hitta dina menyer.

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

Du måste välja den menu som du vill editera från listan.

Nu kan du clicka på preview-rutan till vänster för att öppna Editorn i helskärm. Se till att du kan se fönstret Settings till vänster. Om ej, kan du visa den genom att clicka på knappen ”Settings” högst upp på vyn.

Click a Menu Entry in the Settings Pane

Klicka sedan på det menu-item i Settings-fönstret som du vill edit:a. Detta kommer att visa alternativen för den posten, inklusive titelattributet.

Skriv bara in din rubrik i fältet ”Rubrik Attribute”.

Add a Tiitle Attribute in the Settings Pane

Se till att du klickar på knappen ”Save” högst upp på vyn så att de nya settings lagras. Du måste klicka en andra gång på knappen ”Save” för att bekräfta.

Now, you can visit your website to see the menu title attribute in action.

Preview of a Menu Entry Title Attribute in a Block Theme

Expertguider för att customize WordPress navigationsmenyer

Vi hoppas att denna handledning hjälpte dig att lära dig hur du lägger till ett titelattribut i WordPress navigeringsmenyer. Du kanske också vill se några andra artiklar relaterade till att anpassa navigeringsmenyn i WordPress:

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

20 kommentarerLämna ett svar

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

    Hello, thanks for this practical guide . It has enabled me add title attribute in my header menu for the most useful pages on my website which eased user navigation to required pages. But I still have some questions about this.
    Should adding title attributes in navigation menus be considered an SEO measure or factor that should be taken to increase search engine optimization or it’s just for internal navigation purpose?

    • WPBeginner Support

      Some people believe it can be for SEO but the main goal is for user experience for your visitors using a screen reader and if you make the content easier for users to navigate it is more likely your site will look good for SEO.

      Administratör

  3. WPBeginner Support

    Glad to hear our guide was helpful!

    Administratör

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

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

      Administratör

  6. Otto

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

    • WPBeginner Support

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

      Administratör

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

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

  9. Amauri

    Thanks, you saved me. A crystal clear tutorial.

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

  11. Hüsna Hüner

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

  12. Kalanda

    i need to own-org website

  13. Minhazul Islam

    nice tutorial

  14. Mike Maxson

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

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.