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

Hinzufügen von Titelattributen in WordPress-Navigationsmenüs

Bei WPBeginner fügen wir Titelattribute zu unseren Bildern und Links hinzu. Wenn unsere Benutzer mit der Mauszeigerkontakt über diese Elemente fahren, erscheint das Titelattribut in einem Tooltip als hilfreiche Erklärung.

Ein weiterer hilfreicher Ort für die Verwendung von Tooltips ist Ihr WordPress-Navigationsmenü. Durch das Hinzufügen von Titelattributen zu diesen Menüpunkten können Sie den Besuchern ein wenig mehr Kontext darüber geben, wohin sie gelangen, wenn sie klicken, ohne Ihre Website zu überladen.

In diesem Artikel zeigen wir Ihnen, wie Sie diese Titelattribute ganz einfach zu Ihren WordPress-Menüs hinzufügen können, egal ob Sie ein klassisches Theme oder ein neues Block-Theme verwenden. Es ist eine einfache Änderung, die Ihre Website ein wenig benutzerfreundlicher machen kann.

How to Add Title Attribute in WordPress Navigation Menus

Warum Titelattribute zu Navigationsmenüpunkten hinzufügen?

In WordPress können Sie ein title-Attribut hinzufügen, um jedes HTML-Element besser zu beschreiben. Dies wird häufig bei Links und Bildern verwendet, um zusätzliche Informationen bereitzustellen, die als QuickInfo erscheinen, wenn der Benutzer mit der Maus über das Element fährt.

Hier ist ein Beispiel für ein Bildtitelattribut, das in einer QuickInfo angezeigt wird. Der Benutzer kann mehr Informationen über das Bild erfahren, indem er die Maus darüber bewegt.

An image with the title text

Weitere Informationen finden Sie in unserem Leitfaden über den Unterschied zwischen Alt-Text und Titel eines Bildes.

Wir empfehlen Ihnen auch, das Attribut title zu verwenden, wenn Sie Links zu Ihrem Beitrag hinzufügen. So können die Nutzer sehen, wohin der Link führt, bevor sie ihn anklicken.

Einige SEO-Experten sind der Meinung, dass das Link-Attribut für die Suchmaschinenoptimierung (SEO) nützlich ist, da es Ihnen ermöglicht, mehr Kontext zu liefern.

Das Attribut title kann auch von Bildschirmlesegeräten vorgelesen werden, die von sehbehinderten Nutzern verwendet werden. Häufig wird es jedoch ignoriert und stattdessen der Ankertext gelesen.

Schauen wir uns also an, wie man das Titelattribut in WordPress-Navigationsmenüs hinzufügt. Sie können die Links unten verwenden, um zu der Methode zu springen, die mit Ihrem Theme funktioniert:

Hinzufügen eines Titelattributs zu Menüpunkten des klassischen Themas

Wenn Sie ein klassisches WordPress-Theme verwenden, können Sie Ihr Navigationsmenü anpassen, indem Sie in Ihrem Dashboard auf Erscheinungsbild “ Menüs gehen.

Sie können den Menüeinträgen jedoch standardmäßig kein Titelattribut hinzufügen.

Um diese Funktion hinzuzufügen, müssen Sie auf die Registerkarte „Bildschirmoptionen“ in der oberen rechten Ecke des Bildschirms klicken. Daraufhin wird ein Menü angezeigt, in dem Sie auf das Kontrollkästchen neben der Option „Titelattribut“ klicken müssen.

Enabling Image Attributes in Screen Options

Dadurch wird ein Feld für das Attribut Titel hinzugefügt, wenn Sie einen Menüeintrag erstellen oder bearbeiten.

Nun können Sie nach unten scrollen und auf einen beliebigen Menüpunkt in Ihrem bestehenden Menü klicken, um ihn zu erweitern. Sie sehen dann das Feld für das Attribut Titel.

Adding a Title Attribute to a Classic Theme Menu Item

Sie können nun den Text hinzufügen, den Sie als Titel verwenden möchten. Sie können auch andere Menüpunkte erweitern und ihnen Titelattribute hinzufügen.

Vergessen Sie nicht, auf die Schaltfläche „Menü speichern“ unten auf der Seite zu klicken, um Ihre Änderungen zu speichern.

Sie können nun Ihre WordPress-Website besuchen und mit der Maus über einen Link im Navigationsmenü fahren. Sie sehen dann das Titelattribut als Tooltip angezeigt.

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

Hinzufügen eines Titelattributs zu Menüpunkten des Blockthemas

Wenn Sie ein Blockthema verwenden, können Sie Ihr Navigationsmenü mit dem Full Site Editor anpassen. Mit diesem Editor können Sie standardmäßig Titelattribute zu Ihren Menüeinträgen hinzufügen.

Zunächst müssen Sie in Ihrem WordPress-Adminbereich zu Darstellung “ Editor navigieren und dann auf die Option „Navigation“ klicken, um Ihre Menüs zu finden.

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

Sie müssen das Menü, das Sie bearbeiten möchten, aus der Liste auswählen.

Jetzt können Sie auf das Vorschaufenster links klicken, um den Editor im Vollbildmodus zu öffnen. Vergewissern Sie sich, dass Sie das Einstellungsfenster auf der linken Seite sehen können. Falls nicht, können Sie es durch Klicken auf die Schaltfläche „Einstellungen“ oben auf dem Bildschirm anzeigen.

Click a Menu Entry in the Settings Pane

Klicken Sie dann auf den Menüpunkt im Einstellungsbereich, den Sie bearbeiten möchten. Daraufhin werden die Optionen für diesen Eintrag angezeigt, darunter auch das Attribut „Titel“.

Geben Sie einfach Ihren Titel in das Feld „Titelattribut“ ein.

Add a Tiitle Attribute in the Settings Pane

Stellen Sie sicher, dass Sie auf die Schaltfläche „Speichern“ oben auf dem Bildschirm klicken, um die neuen Einstellungen zu speichern. Sie müssen zur Bestätigung ein zweites Mal auf die Schaltfläche „Speichern“ klicken.

Jetzt können Sie Ihre Website besuchen, um das Menü-Titel-Attribut in Aktion zu sehen.

Preview of a Menu Entry Title Attribute in a Block Theme

Expertenanleitungen für die Anpassung von WordPress-Navigationsmenüs

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat zu lernen, wie man ein Titelattribut in WordPress Navigationsmenüs hinzufügt. Vielleicht interessieren Sie sich auch für andere Artikel zur individuellen Anpassung des WordPress-Navigationsmenüs:

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

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.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

16 KommentareEine Antwort hinterlassen

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

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

  3. Otto

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

    • WPBeginner Support

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

      Admin

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

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

  6. Amauri

    Thanks, you saved me. A crystal clear tutorial.

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

  8. Hüsna Hüner

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

  9. Kalanda

    i need to own-org website

  10. Mike Maxson

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

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.