Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
Puchar WPB
30 milionów+
Witryny korzystające z naszych wtyczek
20+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak odwołać się do konkretnego akapitu lub zdania w postach WordPress

Treści długie są świetne do budowania autorytetu i dokładnego odpowiadania na pytania. Ale gdy czytelnik szuka jednej konkretnej odpowiedzi, zmuszanie go do przewijania tysięcy słów może być frustrujące.

Właśnie tutaj linki do konkretnych akapitów lub zdań mogą zrobić dużą różnicę. Zamiast po prostu kierować czytelników na stronę, możesz skierować ich prosto do informacji, które chcesz im pokazać.

W tym artykule pokażemy Ci, jak za pomocą dwóch prostych metod tworzyć bezpośrednie linki do konkretnego akapitu lub zdania w Twoich postach WordPress.

Jak odwołać się do konkretnego akapitu lub zdania w postach WordPress

Oto, co omówimy w tym artykule:

Najprostszym sposobem na utworzenie linku wskazującego na konkretny akapit lub zdanie jest pozwolenie przeglądarce na wygenerowanie go za Ciebie jednym kliknięciem. 

Po prostu otwórz stronę, do której chcesz utworzyć link, i zaznacz dokładne słowa, które chcesz udostępnić. Następnie kliknij prawym przyciskiem myszy na zaznaczenie i wybierz „Kopiuj link do zaznaczenia”.

Wybierz 'Kopiuj link do podświetlenia' z menu

Jeśli korzystasz z Safari, ta opcja jest dostępna jako „Kopiuj link z zaznaczeniem”.

Twój schowek zawiera teraz gotowy link. Zawiera on adres strony, znaki #:~:text= oraz wybrane przez Ciebie słowa w formie zakodowanej. Oznacza to, że spacje i znaki interpunkcyjne są zastępowane kodami, takimi jak %20, dzięki czemu można je bezpiecznie umieścić w adresie URL.

https://example.com/wordpress-post/#:~:text=Start%20highlight%20here

Gdy czytelnik kliknie ten link, jego przeglądarka natychmiast przewinie stronę do wskazanego fragmentu i podświetli tekst.

Link do fragmentu tekstu - podgląd w Chrome

Pamiętaj, że działa to tylko w przypadku standardowego, zaznaczalnego tekstu. Linki do zaznaczeń nie będą działać w przypadku tekstu osadzonego w obrazach, dokumentach PDF ani w osadzonych ramkach, takich jak odtwarzacz wideo YouTube.

Ręczny sposób: Samodzielnie napisz adres URL fragmentu tekstu

Czasami automatycznie wygenerowany link nie jest dokładnie tym, czego potrzebujesz. Na przykład, dokładne wyrażenie może pojawić się wielokrotnie na stronie, lub możesz chcieć podświetlić cały fragment bez używania kilku akapitów tekstu w swoim linku.

W takich przypadkach zrozumienie struktury adresu URL daje Ci pełną kontrolę nad tym, co zostanie zaznaczone:

https://example.com/page/#:~:text=prefix-,textStart,textEnd,-suffix
  • textStart jest jedyną wymaganą częścią. Samo w sobie mówi przeglądarce, aby podświetliła dokładnie to wyrażenie.
  • textEnd przekształca Twoje zaznaczenie w zakres, podświetlając wszystko od Twojego początkowego wyrażenia aż do końcowego wyrażenia.
  • prefix- i -suffix określają słowa bezpośrednio przed i po docelowym tekście. Są one przydatne, gdy to samo wyrażenie pojawia się wielokrotnie na stronie i musisz poinformować przeglądarkę, którą jego wystąpienie użyć.

Aby podświetlić długi fragment bez wpisywania każdego słowa, wystarczy wpisać początkowe wyrażenie i końcowe wyrażenie, oddzielone przecinkiem. Przeglądarka automatycznie podświetli wszystko pomiędzy nimi.

https://example.com/page/#:~:text=Start%20of%20the%20passage,end%20of%20the%20passage

Podobnie, możesz podświetlić dwa oddzielne fragmenty na tej samej stronie, łącząc je za pomocą &text=. Jest to przydatne, gdy chcesz skierować czytelników do dwóch powiązanych informacji, takich jak twierdzenie i następujące po nim zastrzeżenie.

https://example.com/page/#:~:text=first%20passage&text=second%20passage

Jeśli nie chcesz ręcznie tworzyć adresów URL, darmowy Generator Linków do Fragmentów Tekstu zbuduje dla Ciebie adres URL automatycznie.

Narzędzie do generowania fragmentów tekstu

W narzędziu wklej adres docelowej strony wraz z dokładnym tekstem, który chcesz podświetlić.

Jeśli tekst pojawia się wielokrotnie na stronie, możesz wypełnić opcjonalne pola prefiksu i sufiksu, aby wskazać dokładną lokalizację. Narzędzie automatycznie zastosuje poprawne kodowanie i wygeneruje gotowy link do skopiowania i udostępnienia.

Dodawanie linku wyróżniającego do wpisu w WordPress

Po skopiowaniu linku do schowka możesz dodać go w edytorze bloków WordPress dokładnie tak, jak dodajesz każdy inny link. Nie potrzebujesz żadnych dodatkowych wtyczek ani niestandardowych bloków.

Po prostu otwórz post lub stronę, którą chcesz edytować, i zaznacz tekst kotwicy. Jest to słowo lub fraza, na którą chcesz, aby czytelnik kliknął.

Następnie kliknij ikonę Link w pasku narzędzi bloku lub użyj skrótu klawiaturowego Ctrl+K w systemie Windows / Command+K na Macu.

Dodawanie linku do WordPress

Następnie wklej link fragmentu tekstu w pole i naciśnij Enter. WordPress przechowuje cały adres URL, w tym fragment tekstu na jego końcu.

Na koniec opublikuj lub zaktualizuj post i kliknij link na stronie na żywo. Przeglądarka powinna przejść do fragmentu i go podświetlić, co potwierdzi, że odnośnik działa.

Linkowanie do konkretnej części posta za pomocą linków kotwiczących

Link kotwicy przenosi czytelnika do określonej sekcji na stronie za pomocą atrybutu id HTML dodanego do bloku w edytorze. Chociaż nie podświetla tekstu tak jak fragment tekstu, nigdy nie przestanie działać, jeśli zaktualizujesz lub edytujesz późniejsze sformułowanie.

Aby dodać link kotwicy, zaznacz blok, do którego chcesz dodać link, taki jak nagłówek, w edytorze treści WordPress.

Następnie otwórz zakładkę Blok na pasku bocznym Ustawienia po prawej stronie, rozwiń panel „Zaawansowane” i wpisz krótkie słowo kluczowe w polu „Kotwica HTML”.

Linki kotwiczące opierają się na atrybutach ID kotwic HTML

Możesz użyć kotwicy HTML do utworzenia linku kotwicy. W obrębie tej samej strony link wygląda tak:

<a href="#linkedsection">

Jeśli wskazujesz na atrybut ID na innej stronie internetowej, link wygląda tak:

<a href="https://example.com/#linkedsection">

Aby dodać ID, musisz edytować post, więc ta metoda najlepiej działa dla Twoich własnych treści.

Aby uzyskać pełny przewodnik po obu edytorach, zobacz nasz przewodnik krok po kroku, jak łatwo dodawać linki kotwicy w WordPress.

Często zadawane pytania dotyczące odwoływania się do tekstu w WordPress

Poniżej znajdują się odpowiedzi na najczęściej zadawane pytania dotyczące tworzenia linków do określonych akapitów i zdań.

1. Jaka jest różnica między linkiem kotwicy a linkiem podświetlającym?

Różnica polega na tym, do czego odnosi się każdy link.

Link kotwicy wskazuje na stałe ID HTML dodane do strony, utrzymując link aktywnym niezależnie od zmian w otaczającym go tekście.

Link podświetlający wskazuje na same słowa i podświetla je po załadowaniu strony. Nie musisz edytować strony docelowej, więc idealnie nadaje się do cytowania innych witryn. Jednak przestanie działać, jeśli te słowa zostaną kiedykolwiek edytowane.

3. Czy linki kotwicy działają na wszystkich stronach internetowych?

Tak, linki kotwicy są fundamentalną częścią HTML i działają na każdej stronie internetowej w każdej nowoczesnej przeglądarce.

3. Co się stanie, jeśli tekst na stronie się zmieni?

Link może przestać działać zgodnie z oczekiwaniami, jeśli odwołany tekst zostanie usunięty lub znacząco zmieniony. Ponieważ przeglądarka musi znaleźć określone słowa na stronie, tekst musi nadal pasować, aby wyróżnienie działało.

Mamy nadzieję, że ten samouczek pomógł Ci nauczyć się odwoływać do konkretnego akapitu lub zdania w postach WordPress. Możesz również zapoznać się z naszym przewodnikiem po WordPress SEO i naszymi wskazówkami dotyczącymi linkowania wewnętrznego dla SEO.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

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

Ostateczny zestaw narzędzi WordPress

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

Interakcje czytelników

4 KomentarzeZostaw odpowiedź

  1. Kiedyś pracowałem z kotwicami, ale linkowanie do podświetlonego tekstu zawsze było dla mnie zagadką. W rzeczywistości jest to całkiem proste. Jest to dla mnie bardzo przydatne podczas pisania artykułów i cieszę się, że nauczyłem się tego z tego artykułu. Naprawdę nie spodziewałem się, że będzie to takie łatwe.

  2. uznałem wskazówkę dotyczącą korzystania z funkcji „Kopiuj link do fragmentu” w Google Chrome za szczególnie przydatną
    Przypomina mi to, jak działają wyróżnione fragmenty Google – po kliknięciu linku do witryny przenosi Cię bezpośrednio do odpowiedniej sekcji i podświetla tekst. Jest to poręczny sposób na odwoływanie się do konkretnych części artykułu bez konieczności ręcznego dodawania linków kotwiczących. Dziękuję za udostępnienie tych technik, z pewnością przydadzą się do poprawy doświadczenia użytkownika podczas linkowania do treści

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Proszę NIE używaj słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.