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ć ikonkę odnośnika zewnętrznego na twojej witrynie WordPress?

Chcesz dodać ikonkę odnośnika zewnętrznego do twojej witryny WordPress?

Wyraźnie oznaczając zewnętrzne adresy URL, możesz zatrzymać użytkowników na witrynie na dłużej i wyjaśnić, że kliknięcie konkretnego odnośnika spowoduje otwarcie nowego okna lub karty.

W tym artykule pokażemy, jak dodać ikonkę zewnętrznego odnośnika do WordPressa.

How to add an external link icon on your WordPress site

Dlaczego warto dodawać ikonki odnośników zewnętrznychWordPress ?

Ikonka odnośnika zewnętrznego to mały obrazek pojawiający się obok odnośnika, który przeniesie użytkownika na inną witrynę internetową.

Na przykład, możesz przewinąć do dołu dowolnego wpisu w Wikipedii i zobaczyć, że większość odnośników w sekcji Odnośniki ma ikonkę zewnętrznego odnośnika.

An example of external link icons

Dodając ikonki odnośników do twojego bloga WordPress, odwiedzający będą mogli łatwo odróżnić odnośniki wychodzące od wewnętrznych. Wiele witryn używa również ikonek linków zewnętrznych, aby wyjaśnić, że odnośnik otworzy się w nowym oknie lub karcie.

Te ikonki mogą zatrzymać odwiedzających na twojej witrynie na dłużej i zwiększyć liczbę odsłon, ponieważ istnieje mniejsze ryzyko, że klikną w zewnętrzny odnośnik i przypadkowo opuszczą twoją witrynę internetową.

Mając to na uwadze, zobaczmy, jak dodać ikonkę zewnętrznego odnośnika do twojej witryny WordPress.

Jak dodać ikonki odnośników zewnętrznych w WordPress?

Najprostszym sposobem na umieszczenie zewnętrznych ikon odnośników na twojej witrynie internetowej jest użycie WP External Links.

Za pomocą tej wtyczki możesz automatycznie dodawać różne obrazki, Dashicony i ikonki Font Awesome do twoich zewnętrznych odnośników.

An external link icon created in WordPress

Najpierw musisz zainstalować i włączyć wtyczkę WP External Links. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Następnie wystarczy kliknąć nowe ustawienie WP External Links w menu po lewej stronie.

The WP External Links WordPress plugin

Jeśli pojawi się wyskakujące okienko z prośbą o aktualizację, możesz po prostu kliknąć w dowolnym miejscu poza wyskakującym okienkiem, aby je zamknąć.

Jak widać, wtyczka może zrobić znacznie więcej niż tylko dodać ikonkę zewnętrznego odnośnika do twojej witryny. Na przykład może automatycznie dodawać nofollow do wszystkich zewnętrznych odnośników w WordPress.

WP External Links może również zatrzymać ludzi na twojej witrynie, otwierając wszystkie zewnętrzne odnośniki w nowym oknie lub na nowej karcie. Zalecamy włączenie tej funkcji, ponieważ wielu użytkowników zakłada, że odnośniki z ikonką linku zewnętrznego i tak otworzą się w nowym oknie lub karcie.

Aby otworzyć wszystkie zewnętrzne adresy URL w nowym oknie lub karcie, otwórz menu rozwijane „Otwórz zewnętrzne odnośniki” i kliknij „każdy w osobnym nowym oknie lub karcie”.

Open external links in a new tab or window

Domyślnie WP External Links zastosuje tę regułę do każdego nowo utworzonego odnośnika zewnętrznego.

Może jednak również przeskanować twoją witrynę internetową i zmienić wszelkie zewnętrzne adresy URL, które wcześniej dodałeś do swojej witryny. Zapewni to bardziej spójne wrażenia dla twoich użytkowników, więc dobrym pomysłem jest kliknięcie pola „Zastąp istniejące wartości”.

Overwrite the previous external link settings

Gdy już to zrobisz, możesz utworzyć ikonkę dla twoich zewnętrznych odnośników. Aby rozpocząć, przewiń do sekcji „Wybierz rodzaj ikonki”.

Teraz możesz kliknąć tam, gdzie jest napisane „brak ikonki”, aby otworzyć listę rozwijaną.

Selecting an icon type for your external URL

Twoje opcje to obrazek, krój pisma Awesome lub Dashicon.

Zarówno krój pisma Awesome, jak i Dashicon są dostarczane z pojedynczą ikoną pudełka ze strzałką, której możesz użyć jako ikony zewnętrznego odnośnika. Ta ikonka będzie zawsze wyświetlana na niebiesko na twojej witrynie, jak widać na poniższym obrazku.

An example of an external link dashicon

Jest to dokładna ikonka, której wiele witryn internetowych używa dla swoich odnośników zewnętrznych, więc większość odwiedzających zrozumie, co oznacza ikona pudełka ze strzałką.

Jednak opcja „Obrazek” pozwala wybrać jedną z kilku ikonek ze strzałką, w tym kilka o nieco innym stylu i kolorze.

Na poniższym obrazku możesz zobaczyć przykład tego, jak kolorowa ikonka pudełka ze strzałką będzie wyglądać na twojej witrynie internetowej WordPress.

An Image-based external link icon

Jeśli chcesz dodać do swojej witryny kolorowy odnośnik, musisz wybrać opcję „Obrazek” z listy rozwijanej „Wybierz rodzaj ikonki”.

Następnie możesz kliknąć ten, którego chcesz użyć dla twoich odnośników zewnętrznych.

Choosing an arrow icon for your external links

Gdy to zrobisz, otwórz menu rozwijane „Pozycja ikonki”.

W tym miejscu należy wybrać, czy ikonka będzie wyświetlana po „prawej stronie odnośnika”, czy po „lewej stronie odnośnika”. Większość witryn internetowych wyświetla zewnętrzną ikonkę po prawej stronie odnośnika.

Changing the position of your external URL icon

Czy zamiast tego chcesz używać standardowej niebieskiej ikonki ze strzałką?

Następnie możesz otworzyć menu rozwijane „Wybierz rodzaj ikonki” i kliknąć „Awesome” lub „Dashicon”.

Następnie otwórz menu rozwijane obok „Wybierz Dashicon” lub „Wybierz FA”, a następnie kliknij ikonkę ze strzałką.

Using a dashicon as an external link icon

Uwaga: Zarówno Font Awesome, jak i Dashicons zapewniają dostęp do dziesiątek innych ikonek. Zalecamy jednak używanie ikony pudełka ze strzałką, ponieważ więcej osób rozpozna ją jako ikonę odnośnika zewnętrznego.

Po kliknięciu na krój pisma Awesome lub Dashicon, którego chcesz użyć, możesz określić, czy ma on pojawiać się po prawej czy po lewej stronie odnośnika, postępując dokładnie tak samo, jak opisano powyżej.

Kiedy będziesz zadowolony z wybranej ikonki zewnętrznego odnośnika, po prostu kliknij „Zapisz zmiany”.

Wtyczka automatycznie doda ikonki odnośników do wszystkich zewnętrznych adresów URL w twojej witrynie.

Dowiedz się więcej porad i wskazówek, jak dostosować twoją witrynę WordPress do własnych potrzeb.

Jeśli podobał ci się ten artykuł o konfiguratorze ikon odnośników zewnętrznych, poniższe wskazówki mogą okazać się przydatne.

Na przykład, przypisy to świetny sposób na dostarczenie dodatkowych informacji lub cytatów bez zakłócania przepływu twojego tekstu. Mamy pomocny przewodnik, jak dodać proste i eleganckie przypisy w WordPressie, aby pokazać ci, jak to zrobić.

Poza tym, czy zastanawiałeś się nad konfiguratorem wyglądu twoich odnośników? Zmiana koloru twoich odnośników może pomóc im wyróżnić się z otaczającego tekstu i uczynić je bardziej atrakcyjnymi wizualnie.

Ponadto, wyróżnianie tekstu to świetny sposób na zwrócenie uwagi twoich czytelników na ważne informacje. Mamy pomocny przewodnik na temat wyróżniania tekstu w WordPress, aby pokazać różne metody, których możesz użyć.

Chcesz dodać odrobinę elegancji do twoich wpisów na blogu? Wielokropki to duże, ozdobne litery używane na początku akapitu. Mogą one nadać twojej treści unikatowy i stylowy wygląd.

Wreszcie, poprawa nawigacji twojej witryny internetowej może znacznie poprawić wrażenia użytkownika. Okruszki nawigacyjne wyświetlają lokalizację użytkownika w hierarchii twojej witryny internetowej, ułatwiając mu poruszanie się po niej.

Pro Tip: Chcesz stworzyć piękną witrynę internetową bez ciężkiej pracy? Pozwól naszym ekspertom WordPress zrobić to za Ciebie. Sprawdź nasze usługi projektowania witryn internetowych WordPress, aby uzyskać więcej informacji.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać ikonkę odnośnika zewnętrznego do twojej witryny WordPress. Możesz również zapoznać się z naszym kompletnym przewodnikiem na temat tworzenia przyjaznej dla urządzeń mobilnych witryny WordPress oraz z naszymi eksperckimi wyborami najlepszych kreatorów stron typu „przeciągnij i upuść” dla WordPress.

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

8 komentarzyZostaw odpowiedź

  1. Dennis Muthomi

    As someone trying to build an online business, I’ve been following a blog that provide tips for solopreneurs.
    And they use external link icons on their sites, which I really like the look of.
    I was actually planning to hire a developer to add this feature to my own site, but thankfully I stumbled upon this excellent guide from WPBeginner first.
    Being able to easily add external link icons myself with the WP External Links plugin is a gamechanger.
    Thanks WPBeginner for another super helpful resource! :-)

    • WPBeginner Support

      You’re welcome! Glad our recommendation was helpful!

      Administrator

  2. Ahmed Omar

    Interesting post, personally I trust the site more when I see the external link icon, as the site has transparency
    I will add it to my site too
    Thank you

    • WPBeginner Support

      Thank you for sharing your opinion on the icon :)

      Administrator

  3. Hemang Rindani

    Nice article. Users stay on the website if the content satisfies their expectations. It is important use a CMS that helps to keep the website updated. WordPress is a great CMS that comes with easy interface to manage entire website. It provides add-on directory that helps to increase the website functionality. It is also easy to customize the modules in WordPress that satisfies any complex business requirements.

  4. shaurya

    Nice Post really helpful.

  5. Mark Klinefelter

    Tried loading the plugin but it breaks my mashable social icons. Too bad, as the plugin looked useful.

  6. Laurent

    The best shouldn’t be to provide a Font Icon instead of a .png file as the external icon?

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