W dzisiejszym poradniku chcielibyśmy skupić się na ciekawym rozwiązaniu, którym jest dodawanie atrybutów do tekstu w Wordpressie. Mowa tutaj o niewielkich opisach, które pojawiają się po najechaniu kursorem myszki np. na link, obrazek czy tytuł tekstu. W ten sposób możemy zaoferować użytkownikom naszej strony dodatkowe informacje oraz zachęcić ich do korzystania z naszej strony.

Atrybuty tekstu zazwyczaj wyświetlane są domyślnie dla linków internetowych na stronach. To chociażby informacja o pełnym adresie strony, do której odnosi link. Np. po najechaniu na tytuł naszego tekstu na stronie głównej download.net.pl, przeglądarka wyświetli jako atrybut jej pełen adres WWW (czyli „https://www.download.net.pl/jak-dodawac-atrybuty-tekstu-w-wordpress/n/9461/"). Opis ten możemy jednak dowolnie zmieniać, ustawiając tekst, który naszym zdaniem najlepiej odpowiada opisowi tekstu.

Atrybuty mogą przydać się również dla obrazków wrzucanych na naszej stronie. Zamieścimy tam np. informacje o autorze zdjęcia, tytule obrazku czy możliwości kupienia go w naszym sklepiku internetowym. Opcji jest bardzo dużo. Atrybuty sprawdzają się również świetnie w przypadku tytułów podstron na naszej stronie. Możemy tam dodać np. parę słów wyjaśnienia - dajmy na to do podstrony „Kontakt” ustawić atrybut z tekstem „e-mail, telefon i mapka z adresem dojazdu”.

Dodawanie tego typu rozwiązań do naszej strony internetowej, blogu czy sklepu działających na Wordpressie jest banalnie proste. Na początek pokażemy systemowe rozwiązanie, a później - naszym zdaniem najlepsze - rozwiązanie za pomocą darmowej wtyczki. Przejdźmy jednak do samego poradnika.

Jak dodawać atrybuty do obrazków i linków

Pierwsza metoda, jaką chcemy tutaj zaproponować, jest banalnie prosta. W przypadku zdjęć i grafik tego typu rozwiązanie zapewne już dobrze znacie. To możliwość dodawania dodatkowych opisów z poziomu Biblioteki multimediów, czyli oficjalnego narzędzia do wrzucania plików na naszą stronę działającą na Wordpressie.

Takie same atrybuty możemy również ustawić dla linków zamieszczanych na naszej stronie. Wystarczy, że przejdziemy do widoku tekstowego edycji naszego wpisu, a następnie w polu zaczynającym się od „a href=” dodajemy następujące pole:

  • alt=„Tutaj ustaw swój tekst dla atrybutu”

Należy rzecz jasna pamiętać, aby poprawnie ustawić znacznik alt=, czyli zachować spacje itp. Po wykonaniu tej czynności zapisujemy naszą stronę i sprawdzamy online - czyli z poziomu przeglądarki internetowej, czy wszystko działa poprawnie.

Metoda ta jest dość uciążliwa, jeżeli mamy samodzielnie dodawać atrybuty do każdego linku czy tytułu strony. Można na szczęście to rozwiązać w jeszcze inny, łatwiejszy nieco sposób - za pomocą widoku Menu dla Wordpressa.

Ustawianie atrybutów za pomocą widoku Menu

Jeżeli z poziomu naszego panelu zarządzania Wordpressem przejdziemy w lewym pasku menu do zakładki Menu, a następnie, zakładki Widok, możemy w niej ustawić dodatkowe atrybuty.

Wystarczy kliknąć w prawej części okna zakładkę „Ustawienia ekranu”, a następnie, kiedy pojawi się polecenie „Atrybuty tytułów”, ustawiamy je jako aktywne. To właściwie już wszystko, zmiany zostaną zapisane automatycznie, a my musimy już tylko zacząć ustawiać poszczególne atrybuty dla interesujących nas linków, zdjęć czy tytułów podstron na naszej witrynie internetowej.

Atrybuty dla podstron i wpisów pojawią się w prawym oknie edycji wpisu, w tym samym miejscu, z którego zapisujemy nasz tekst. Pojawi się tam nowe pole, po którego wypełnieniu zostanie ustawiony specjalny atrybut dla całego wpisu bądź też całej strony na naszej witrynie.

Ustawianie atrybutów za pomocą wtyczki

Wtyczki na Wordpressa pozwalają na szeroko zakrojoną personalizację naszej strony i dodawanie interesujących nas rozwiązań. Wśród nich jest również możliwość ustawiania atrybutów.

Oczywiście, rozwiązań tego typu znajdziemy całkiem sporo w internecie, my natomiast chcielibyśmy polecić Advanced Custom Fields. Jest to darmowe rozwiązanie, plugin, który umożliwia dodawanie dodatkowych pól z opisem do materiałów zamieszczanych na naszej stronie. Dotyczy to nie tylko atrybutów tekstu, ale również np. opisów obrazków, linków, pól z nazwą autora danego materiału itp.

Gdybyście jednak mieli nadal problemy z atrybutami tekstu w Wordpressie lub też jeżeli coś okazało się niejasne w naszym poradniku - postaramy się pomóc. Wystarczy tylko napisać komentarz pod tym tekstem.