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

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz dodać atrybuty tytułu do twoich elementów menu nawigacyjnego WordPress?

Atrybut title umożliwia podanie dodatkowych informacji o elemencie menu. Często pojawia się jako tekst etykietki, gdy mysz użytkownika przesunie się nad odnośnikiem.

W tym artykule pokażemy, jak dodać atrybuty tytułu w menu nawigacyjnym WordPress zarówno dla klasycznych motywów, jak i motywów blokowych.

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

Teraz, gdy już wiesz, jak dodać atrybut title w twoim menu nawigacyjnym, być może spodoba ci się kilka innych artykułów związanych z konfiguratorem menu nawigacyjnego WordPress:

Mamy nadzieję, że ten poradnik pomógł ci nauczyć się dodawać atrybut title w menu nawigacyjnym WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tego, jak zwiększyć ruch na twoim blogu lub z naszą ekspercką listą najlepszych wtyczek do formularzy kontaktowych dla WordPressa.

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

20 komentarzyZostaw odpowiedź

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

    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 says

      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

  3. Moinuddin Waheed says

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

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

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

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

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