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

Jak dodać atrybut tytułu w menu nawigacji WordPress

W WPBeginner dodajemy atrybuty tytułu do naszych obrazków i odnośników. Gdy nasi użytkownicy najadą kursorem myszy na te elementy, atrybut tytułu pojawi się w etykietce jako pomocne wyjaśnienie.

Innym przydatnym miejscem do korzystania z etykietek jest twoje menu nawigacyjne WordPress. Dodając atrybuty tytułu do tych pozycji menu, możesz dać ludziom nieco więcej kontekstu na temat tego, dokąd się udadzą po kliknięciu, bez dodawania bałaganu do twojej witryny internetowej.

W tym artykule pokażemy, jak łatwo dodać te atrybuty tytułu do twojego menu WordPress, niezależnie od tego, czy używasz klasycznego motywu, czy nowego motywu blokowego. Jest to prosta modyfikacja, która może sprawić, że twoja witryna internetowa będzie nieco bardziej przyjazna dla użytkownika.

How to Add Title Attribute in WordPress Navigation Menus

Dlaczego warto dodawać atrybuty tytułu do elementów menu nawigacji?

W WordPress można dodać atrybut title, aby lepiej opisać dowolny element HTML. Jest to często używane z odnośnikami i obrazkami, aby zapewnić dodatkowe informacje, które pojawiają się jako etykietka, gdy użytkownik najedzie kursorem myszy na element.

Oto przykład atrybutu tytułu obrazka wyświetlanego w etykietce. Użytkownik może dowiedzieć się więcej o obrazku, najeżdżając na niego myszką.

An image with the title text

Możesz dowiedzieć się więcej z naszego przewodnika na temat różnicy między tekstem alternatywnym obrazka a tytułem.

Zalecamy również używanie atrybutu title podczas dodawania odnośników do twojego wpisu. Dzięki temu użytkownicy mogą zobaczyć, dokąd zaprowadzi ich odnośnik, zanim go klikną.

Niektórzy eksperci SEO uważają, że odnośnik jest przydatny w optymalizacji pod kątem wyszukiwarek (SEO), ponieważ pozwala zapewnić więcej kontekstu.

Atrybut title może być również odczytywany na głos przez czytniki ekranu używane przez użytkowników niedowidzących. Często jest on jednak ignorowany, a zamiast niego odczytywana jest treść kotwicy.

Mając to na uwadze, przyjrzyjmy się, jak dodać atrybut tytułu w menu nawigacyjnym WordPress. Możesz użyć poniższych odnośników, aby przejść do metody, która działa z twoim motywem:

Dodawanie atrybutu tytułu do elementów menu motywu klasycznego

Jeśli korzystasz z klasycznego motywu WordPress, możesz dostosować własne menu nawigacyjne, przechodząc na Wygląd ” Menu w twoim kokpicie.

Domyślnie nie można jednak dodawać atrybutu tytułu do pozycji menu.

Aby dodać tę funkcję, należy kliknąć kartę „Opcje ekranu” w prawym górnym rogu ekranu. Spowoduje to wyświetlenie menu, w którym należy kliknąć pole wyboru obok opcji „Atrybut tytułu”.

Enabling Image Attributes in Screen Options

Spowoduje to dodanie pola atrybutu tytułu podczas tworzenia lub edytowania pozycji menu.

Teraz możesz przewinąć w dół i kliknąć dowolną pozycję w twoim istniejącym menu, aby ją rozwinąć. Zobaczysz pole atrybutu tytułu.

Adding a Title Attribute to a Classic Theme Menu Item

Możesz teraz dodać tekst, którego chcesz użyć jako tytułu. Możesz także rozwinąć inne pozycje menu i dodać do nich atrybuty tytułu.

Nie zapomnij kliknąć przycisku „Zapisz menu” u dołu strony, aby zapisać twoje zmiany.

Możesz teraz przejść na swoją witrynę internetową WordPress i najechać kursorem myszy na odnośnik w menu nawigacyjnym. Zobaczysz atrybut tytułu wyświetlany jako etykietka.

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

Dodawanie atrybutu tytułu do elementów menu motywu blokowego

Jeśli korzystasz z motywu blokowego, możesz dostosować własne menu nawigacyjne za pomocą Edytora całej witryny. Edytor ten domyślnie umożliwia dodawanie atrybutów tytułu do twoich wpisów w menu.

Najpierw musisz przejść do Wygląd ” Edytor w obszarze administracyjnym WordPress, a następnie kliknąć opcję „Nawigacja”, aby znaleźć twoje menu.

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

Z listy należy wybrać menu, które ma być edytowane.

Teraz możesz kliknąć panel podglądu po lewej stronie, aby otworzyć edytor na pełnym ekranie. Upewnij się, że widzisz panel ustawień po lewej stronie. Jeśli nie, możesz go wyświetlić, klikając przycisk „Ustawienia” u góry ekranu.

Click a Menu Entry in the Settings Pane

Następnie kliknij pozycję menu w panelu ustawień, którą chcesz edytować. Spowoduje to wyświetlenie opcji dla tego wpisu, w tym atrybutu tytułu.

Wystarczy wpisać twój tytuł w polu „Atrybut tytułu”.

Add a Tiitle Attribute in the Settings Pane

Upewnij się, że kliknąłeś przycisk „Zapisz” u góry ekranu, aby zapisać nowe ustawienia. Będziesz musiał kliknąć drugi przycisk „Zapisz”, aby potwierdzić.

Teraz możesz przejść na swoją witrynę internetową, aby zobaczyć atrybut tytułu menu w działaniu.

Preview of a Menu Entry Title Attribute in a Block Theme

Przewodniki ekspertów dotyczące dostosowywania menu nawigacyjnych WordPressa

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak dodać atrybut tytułu w menu nawigacyjnym WordPress. Możesz również zapoznać się z innymi artykułami związanymi z konfiguratorem menu nawigacyjnego 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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

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.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

19 komentarzyZostaw odpowiedź

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

      Administrator

  2. WPBeginner Support

    Glad to hear our guide was helpful!

    Administrator

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

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

      Administrator

  5. Otto

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

    • WPBeginner Support

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

      Administrator

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

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

  8. Amauri

    Thanks, you saved me. A crystal clear tutorial.

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

  10. Hüsna Hüner

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

  11. Kalanda

    i need to own-org website

  12. Mike Maxson

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

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.