“Jump link” w WordPress to link do określonego miejsca lub celu na stronie. Kliknięcie tego linku przeniesie Cię bezpośrednio do miejsca, które podałeś.
Być może znasz tę funkcję w programie Microsoft Word, znanym jako zakładki.
Skaczące linki (lub zakładki) umożliwiają tworzenie treści, w których czytelnicy mogą natychmiast przejść do miejsca na stronie, po prostu klikając połączony tekst.
Są one szczególnie wygodne dla mini spisu treści na górze dowolnej strony lub do szybkiego przechodzenia do sekcji, gdy masz dużo treści na jednej stronie.
Jak stworzyć WordPress Jump Links
Tworzenie linków skokowych jest dość łatwe i można je wykonać, przechodząc do zakładki tekst klasycznego edytora WordPress.
Łączniki skokowe składają się z dwóch części:
- Link
- Cel
Kiedy Link jest kliknięty, doprowadzi odwiedzających do miejsca na stronie, gdzie Cel tekst istnieje.
Link jest reprezentowany w kodzie przez href.
Cel jest reprezentowany w kodzie przez dowód.
Link
Kod łącza wykorzystuje następujący format:
Tekst Linku
Musisz stworzyć unikalną nazwę dla swojego linku skoku i umieścić go w swoim kodowaniu. (Patrz poniżej, aby uzyskać parametry dotyczące tego, co jest tutaj rozumiane przez unique.)
Zawsze musisz poprzedzić unikalną nazwę hashtagiem #.
Przykład:
Unikalna nazwa tego linku to: muzyka-historia.
Kod chciałby tak:
Tekst Linku
Widoczny tekst linku może powiedzieć, co chcesz. Tutaj użyjemy “historii muzyki”, ponieważ jest to nagłówek, do którego będziemy ją łączyć.
Historia Muzyki
Kod na twój link.
Cel
Cel (miejsce, do którego skaczesz) będzie musiał przyjąć następującą formę:
Tekst Docelowy
Możesz też obejść się bez tekstu docelowego i po prostu umieścić kod w edytorze.
Przykład:
W powyższym przykładzie zrobiłem swoją unikalną nazwę “muzyka-historia”, więc muszę nazwać swój cel dokładnie tak samo (hashtag # nie jest potrzebny dla celu).
Historia Muzyki
Lub, jeśli zdecydowałem się nie używać tekstu docelowego, wyglądałoby to tak:
Kod do celu.
Inne ważne zasady Skakania linków
Ponieważ jest to kod, nawet myśląc, że jest to podstawowe, ważne jest, aby znać kilka drobniejszych punktów, które mają tu zastosowanie. Close tego nie ucina … podobnie jak bycie wyłączonym tylko jednym numerem na karcie kredytowej … to musi być dokładne.
ID (unikalna nazwa) parametry
- Brak spacji: słowo ID nie może mieć spacji, ale może mieć mieszane znaki.
Przykłady:
“Witaj przyjacielu” nie zadziała.
“HelloFriend “lub” hello-friend ” will. - Musi zaczynać się od litery: identyfikator jest ciągiem znaków alfanumerycznych, więc może zawierać litery i/lub cyfry, ale musi zaczynać się od litery.
Przykłady:
“321hello” nie zadziała.
“hello321 ” lub” hello1″. - Użyj słowa kluczowego: ten jest opcjonalny. Może być łatwiej napisać i zapamiętać słowa kluczowe, a nie KOD, ale albo działa.
Przykłady:
“HelloFriend “lub” hello “są łatwe do zapamiętania jako odniesienie, podczas gdy” hf1 “lub” he110fr1end999 ” nie są.
Każdy z nich zadziała, ale pierwsze dwa będą łatwiejsze do zapamiętania.
Umieszczenie
Być może czasami wolałbyś nie umieszczać kodu nad tekstem; być może miejsce w Twojej witrynie, w którym pasek narzędzi lub inny element może potencjalnie zakryć to, co chcesz, aby było widoczne po przeskoczeniu do.
Sposobem na obejście tego jest umieszczenie “celu” tuż nad miejscem, do którego faktycznie chcesz, aby odwiedzający skakali.
Na przykład, jeśli chcę mieć pewność, że odwiedzający widzą mój nagłówek oznaczony jako “historia muzyki” i że jest tam inny element strony, mogę umieścić kod docelowy nad nagłówkiem, do którego go linkuję, w ten sposób:
Kod nad tekstem docelowym.
Co skutkuje tym…
Jak wygląda umieszczenie kodu nad celem w przeglądarce.
Inne Kody
Pamiętaj, że będąc w edytorze HTML/tekstowym, zobaczysz więcej niż tylko kody łącza skokowego. Zobaczysz cały kod HTML, przeplatany całym tekstem treści. Skoncentruj się na kodzie specyficznym dla jump links – aby zobaczyć, że jest sformatowany i umieszczony poprawnie – i spróbuj dostroić resztę.
Przykład:
Cały kod.
Linkowanie do konkretnych miejsc na innych stronach
Po skonfigurowaniu tych linków do skakania i przetestowaniu ich zauważysz, że po przeskoczeniu do celu URL w przeglądarce zmienia się, aby odzwierciedlić dokładnie to, gdzie jesteś.
Przykład:
Jeśli Twoja strona główna jest mysite.com/music/ i przeskakujesz do celu “Historia Muzyki”, Twój adres URL będzie teraz wyświetlany jako mysite.com/music/#music-history.
Z tego powodu możesz również skonfigurować linki między stronami i przejść bezpośrednio do miejsca na stronie, które chcesz.
Przykład:
Jeśli masz posty i strony na swojej stronie o wszystkich Twoich zainteresowaniach i chcesz linkować do sekcji “Historia muzyki” na swojej stronie “Muzyka” (mysite.com/music/), link bezpośrednio do tego miejsca: mysite.com/music/#music-history.
Link do góry strony
Być może byłeś na stronie wcześniej, która miała link na dole strony z napisem “Góra” lub “Przejdź na górę strony.”
Możesz również łatwo to zrobić za pomocą tego samego rodzaju kodu, który przechodziliśmy tutaj, upewniając się, że jesteś w edytorze HTML/tekstowym.
Umieść następujący “kod docelowy” na samej górze strony:
A następnie, gdziekolwiek chcesz, umieść poniższy kod linku, używając hashtagu #:
Przejdź na górę
Te same zasady działają tutaj: masz link (mimo, że jest na dole) i masz cel (mimo, że jest na górze).
Zostań mistrzem celu
I to wszystko. Teraz masz całą wiedzę na temat skakać linki!
Tworzenie łatwych do kliknięcia celów w postach i stronach jest czymś więcej niż wygodą dla czytelników. Może to poprawić współczynniki odrzuceń.
Dlaczego? Ponieważ jeśli ludzie muszą przewijać długą lekturę, gdy chcą tylko zobaczyć określoną sekcję, mogą się sfrustrować i całkowicie opuścić Twoją witrynę.
W końcu ważniejsze jest, aby odwiedzający otrzymali dokładną treść, której szukają (i z twojej witryny), niż czytanie każdego napisanego słowa.
