Szablony sklepu internetowego
16 lipca 2020
Wylogowuje z wordpress – rozwiązanie problemu
23 lipca 2020
Zapewne znasz linki, w które klikając przenosi Cie do innego miejsca na tej samej podstronie?
Dzisiaj będzie właśnie o nich, a dokładniej o tym jak dodać link z kotwicą w wordpress.
Co to jest kotwica html? (eng. anchor)
Jest to nic innego jak specyficzny link kierujący do zdefiniowanego wcześniej miejsca w tekście, zwanego kotwicą. Kotwica html bazuje na konstrukcji znacznika html <a href=””></a>
Jeżeli nie chcesz czytać dalej możesz obejrzeć filmik na którym pokazuje jak dodać link z kotwicą
Jaką funkcję pełnią linki z kotwicą?
Linki z kotwicą przydatne są szczególnie w długich wpisach, w których często odnalezienie szukanej informacji jest nie lada wyzwaniem. Takie linki pozwalają użytkownikom szybciej poruszać się po tekście, dzięki czemu są wstanie szybciej dotrzeć do informacji których szukają.
Pamiętaj, że na zainteresowanie użytkownika tekstem masz zaledwie około 2 sekund. Osoba wchodząca na Twoją stronę widząc ścianę tekstu bez klarownego spisu treści opuści ją szybciej niż myślisz.
Dlatego właśnie w przypadku nieco dłuższych tekstów warto sięgnąć po linki z kotwicą. Dzięki takiemu zabiegowi użytkownik będzie mógł wybrać już na początku tekstu zagadnienie które go interesuje, oszczędzisz w ten sposób jego czas.
Pobierz darmowy e-book.
Jak dodać link z kotwicą html w wordpress?
Tworzenie linków z kotwicą odbywa się praktycznie na takiej samej zasadzie, niezależnie od platformy na której działasz. Aby dodać taki link stosujesz schemat kodu jak poniżej.
Kotwicę html Tworzymy tak:
<a id="moja_kotwica"></a>
Taka kotwica będzie niewidoczna w tekście. Oczywiście możemy utworzyć także widoczną i dodać do istniejącego elementu tekstu wtedy będzie miała następującą postać:
Możesz również zakotwiczyć element html np znacznik
„div” wtedy pisać będzie następująca.
<div id="moja_kotwica"></div>
Następnie pozostaje tylko dodać link który będzie prowadzić do naszej kotwicy w tym celu, tworzysz go jak każdy inny link w wordpress. Kliknij ikonę odnośnika. Screen 1
Następnie w polu URL wpisujesz nazwę ustalonej wcześniej kotwicy #moja_kotwica. Screen2
Stosowanie linków z kotwicą znacznie ułatwi nawigowanie po dłuższych tekstach i zapewniam Cię że zmniejszy ilośc użytkowników, którzy opuszczają stronę nie znajdując poszukiwanych informacji.
Jest to nic innego jak specyficzny link kierujący do zdefiniowanego wcześniej miejsca w tekście, zwanego kotwicą. Kotwica html bazuje na konstrukcji znacznika html <a href=””></a>
