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ć proste i eleganckie przypisy we wpisach na Twoim blogu WordPress

Czy kiedykolwiek widziałeś witryny internetowe, które mają w tekście małe, indeksowane liczbami górnymi odnośniki do dodatkowych informacji na dole strony? Nazywa się to przypisami i jest to świetny sposób na zapewnienie dodatkowego kontekstu lub cytowanie źródeł bez zaśmiecania twojej głównej treści.

Niektórzy z naszych czytelników pytali, jak dodać przypisy do swoich wpisów na WordPressie, zwłaszcza gdy piszą treści zawierające wiele badań lub artykuły wymagające cytatów.

W tym artykule pokażemy ci, jak krok po kroku dodać proste i eleganckie przypisy do twoich wpisów na blogu WordPress.

Add footnotes in WordPress blog posts

Dlaczego warto dodawać przypisy do twoich wpisów na blogu WordPress?

Jeśli prowadzisz bloga edukacyjnego, publikujesz badania lub relacjonujesz wiadomości, przypisy są świetnym sposobem na nadanie treściom szerszego kontekstu. Za ich pomocą możesz dodawać komentarze, podkreślać ważne fakty lub wstawić cytaty do źródeł naukowych na twojej witrynie internetowej.

Przypis zazwyczaj pojawia się jako mała liczba w indeksie górnym w głównej części twojego tekstu. Właściwa treść przypisu jest następnie umieszczana na dole strony lub pojawia się jako etykietka, aby odróżnić ją od głównej treści.

Oto przykład:

Example of a footnote in McKinsey's website

Oprócz zapewnienia czytelnikom jasności i przejrzystości, przypisy mogą sprawić, że twoja witryna internetowa WordPress będzie wyglądać bardziej profesjonalnie i godnie zaufania. Pokazują one, że przeprowadziłeś swoje badania i masz źródła na poparcie swoich twierdzeń.

Na szczęście edytor WordPress.org ma wbudowaną funkcję przypisów, której można łatwo użyć, aby wstawić dodatkowy kontekst. W ten sposób nie będziesz musiał ręcznie dodawać przypisów.

Ten przewodnik pokaże ci, jak dodać przypisy WordPress do twoich wpisów lub stron na blogu przy użyciu dwóch metod. Jedną z nich jest użycie bloku Przypisy w edytorze Gutenberg, a drugą jest użycie wtyczki.

Możesz użyć poniższych odnośników, aby przejść do konkretnej metody:

Metoda 1: Jak dodać przypisy w WordPressie bez wtyczki?

Ta metoda jest najlepsza dla osób, które chcą używać prostych przypisów we wpisach na blogu i nie chcą instalować wtyczki, aby to zrobić.

Aby użyć bloku Przypisy WordPress, należy otworzyć edytor bloków Gutenberg dla nowego lub istniejącego wpisu.

Następnie możesz zacząć dodawać bloki akapitów, obrazki i inne rodzaje treści do wpisu na blogu. Możesz nawet dodać kropki, aby nadać styl twojemu tekstowi i przyciągnąć uwagę czytelników.

Teraz podświetl słowo w twojej treści, do którego chcesz dodać przypis. Na pasku narzędzi bloku kliknij strzałkę rozwijaną i wybierz „Przypis”.

Adding a footnote to a text in the WordPress block editor

Zostaniesz teraz przekierowany na dół strony, gdzie blok Przypisy został dodany automatycznie. Tutaj możesz wpisać swój rodzaj dodatkowych informacji.

Dodatkowo można dostosować kolor tekstu, typografię, wymiary i obramowanie bloku za pomocą ustawień w prawym panelu.

Jeśli w przypisie znajdują się odnośniki, warto zmienić ich kolor, aby się wyróżniały.

Customizing the footnotes block in the WordPress block editor

Możesz powtórzyć ten krok, aby dodać tyle przypisów, ile potrzeba.

Podczas podglądu twojej witryny WordPress powinien pojawić się odnośnik do zdania, które wcześniej zaznaczyłeś.

Example of the footnote made in WordPress

Kliknięcie hiperłącza spowoduje przejście do dolnej części strony z przypisem.

W tym miejscu można również kliknąć strzałkę z hiperłączem, aby wrócić do sekcji, w której przypis jest przypisany.

An example of the footnote content at the bottom of the page, made using WordPress

Możesz również wyświetlić podgląd twojej witryny internetowej na urządzeniach mobilnych, aby upewnić się, że przypis jest czytelny na ekranach smartfonów.

Chociaż ta metoda jest dość prosta dla początkujących, nie oferuje mnóstwa własnych opcji konfiguratora. Jeśli szukasz więcej sposobów na zmianę wyglądu przypisów, przejdź do następnej metody.

Metoda 2: Jak dodać przypisy do WordPressa za pomocą wtyczki

Innym sposobem na tworzenie przypisów jest skorzystanie z darmowej wtyczki Modern Footnotes. W przeciwieństwie do bloku Footnotes, oferuje ona znacznie więcej opcji modyfikacji wyglądu przypisów.

Można na przykład sprawić, by przypis pojawiał się jako etykietka, a także jako dodatkowa informacja na dole strony.

Pierwszą rzeczą, którą należy zrobić, jest zainstalowanie wtyczki Modern Footnotes. Aby uzyskać więcej informacji na temat instalacji wtyczek, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczek WordPress.

Uwaga: Jeśli nie jesteś pewien, czy powinieneś używać tej wtyczki, możesz zainstalować ją na tymczasowym WordPress Playground i pobawić się nią.

Konfiguracja ustawień wtyczki Modern Footnotes

Po zainstalowaniu wtyczki możesz teraz przejść do Ustawienia ” Nowoczesne przypisy. W tym miejscu możesz skonfigurować ustawienia przypisów zgodnie z Twoimi preferencjami.

Przyjrzyjmy się po kolei każdemu z ustawień.

„Zachowanie przypisu na pulpicie” pozwala wybrać sposób zachowania przypisu, gdy witryna internetowa zostanie zobaczona na komputerze stacjonarnym.

Przypis może być wyświetlany po najechaniu kursorem na etykietkę lub po kliknięciu etykietki przez użytkownika. Alternatywnie, przypis może rozwinąć się poniżej tekstu z przypisem.

Selecting a Desktop footnote behavior using the Modern Footnotes plugin

To, który z nich wybierzesz, zależy od twoich preferencji. Na ekranach urządzeń mobilnych przypis domyślnie rozwija się poniżej tekstu.

Oprócz tego, w razie potrzeby można również zaznaczyć pole „Spraw, aby treść przypisu pojawiała się w natywnej etykietce przeglądarki internetowej po najechaniu kursorem na numer przypisu”. Oznacza to, że po najechaniu kursorem na tekst przypis pojawi się w etykietce przeglądarki, a nie we wtyczce.

Zalecamy wyłączenie tego ustawienia w przypadku wybrania opcji etykietki dla zachowania przypisu na pulpicie. W przeciwnym razie pojawią się dwie etykietki dla tego samego przypisu, co może być irytujące dla czytelników.

Poniżej można również wybrać opcję wyświetlania listy przypisów na dole wpisów. W ten sposób czytelnik może zobaczyć wszystkie dodatkowe informacje w jednym miejscu.

Możesz również włączyć tę funkcję, gdy wpis na blogu jest dystrybuowany za pośrednictwem kanałów RSS.

Modern Footnote plugin's footnote display settings

Przewijając w dół, możesz wstawić nagłówek dla listy przypisów i wybrać dla niego tag nagłówka. Pomoże to oddzielić treść twojego wpisu na blogu od przypisów. Możesz napisać coś takiego jak Referencje, Przypisy, Cytaty lub Dodatkowe informacje.

Jeśli chcesz dodać własny CSS, aby zmodyfikować tekst przypisu, wstaw go w polu „Modern Footnote Custom CSS”.

Wreszcie, możesz dostosować krótki kod Modern Footnotes, jeśli nie chcesz korzystać z wbudowanej wersji. Upewnij się, że wpiszesz krótki kod bez nawiasów.

Gdy będziesz zadowolony z ustawień, po prostu kliknij „Zapisz zmiany”.

Saving changes in the Modern Footnotes plugin

Dodawanie przypisów za pomocą wtyczki Modern Footnotes

Teraz, gdy już skonfigurowałeś ustawienia Modern Footnotes, wstaw kilka przypisów do twojej treści. Otwórz edytor bloków dla nowego lub istniejącego wpisu lub strony.

Istnieją dwa sposoby dodania przypisu. Jednym z nich jest krótki kod, który jest tym, co zalecamy.

Najpierw znajdź zdanie, do którego chcesz wstawić przypis. Następnie, tuż obok tego zdania, wpisz następujący krótki kod:

[mfn]Wstaw tutaj twój przypis[/mfn].

Pamiętaj, aby zastąpić tekst między nawiasami twoimi informacjami.

Sugerujemy również umieszczenie krótkiego kodu w tym samym bloku co zdanie, tuż obok tekstu, bez spacji między nimi, tak jak w poniższym przykładzie. W przeciwnym razie przypis może wyglądać na odłączony od tekstu.

An example of how to add a footnote shortcode using the Modern Footnotes plugin

Innym sposobem jest wpisanie twojego tekstu przypisu obok zdania, do którego chcesz dodać przypis. Upewnij się, że między tekstem przypisu a zdaniem nie ma spacji.

W poniższym przykładzie chcemy dodać przypis zawierający cytat akademicki do zdania zaczynającego się od słów „Badania sugerują…”.

Następnie zaznacz przypis i kliknij przycisk strzałki w dół na pasku narzędzi. Następnie wybierz opcję „Dodaj przypis”.

Clicking the Add a Footnote button from the Modern Footnotes plugin

Wadą drugiej metody jest to, że podczas edycji treści może być trudno śledzić, które wiersze tekstu zostały opatrzone przypisem, a które nie. Dlatego zalecamy metodę krótkiego kodu.

Po wyświetleniu podglądu wpisu na blogu zobaczysz, że obok zdania znajduje się teraz liczba. Jeśli użyjesz opcji etykietki, tak będzie wyglądał przypis:

What the Modern Footnotes tooltip looks like

Z drugiej strony, przypis pojawi się pod tekstem, jeśli użyjesz formatowania rozwijanego.

Oto jak to wygląda po kliknięciu na numer:

What the expandable footnote formatting looks like using the Modern Footnotes plugin

Wreszcie, jeśli zdecydujesz się wyświetlić całą treść przypisów na dole wpisu, możesz przewinąć w dół, aby znaleźć tam wszystko.

Powinny one znajdować się gdzieś nad sekcją komentarzy.

The footnote content at the bottom of the page, made with the Modern Footnotes plugin

Pro Tip: Chcesz dodać zastrzeżenie na końcu twojego wpisu na blogu zamiast przypisu? Zapoznaj się z naszym przewodnikiem na temat automatycznego dodawania stopki w WordPress, aby uzyskać instrukcje krok po kroku.

Dowiedz się więcej o sposobach na dostosowanie treści WordPressa do własnych potrzeb

Oprócz przypisów, istnieje wiele sposobów, aby uczynić twoją treść na WordPressie bardziej interesującą i czytelną dla odwiedzających.

Na przykład, możesz dodać własne czcionki do WordPressa. W ten sposób możesz stworzyć typografię, która wygląda unikatowo i różni się od innych konkurentów, dzięki czemu twoja witryna internetowa będzie bardziej zapadać w pamięć.

Dodatkowo możesz wyróżnić określone teksty w twoich blokach tekstowych, aby skierować uwagę importerów na najważniejsze informacje.

Inną rzeczą, którą możesz zrobić, jest wyświetlenie podglądu na żywo twoich odnośników wewnętrznych lub zewnętrznych, gdy odwiedzający najadą na nie kursorem podczas przeglądania treści. Jest to łatwy, ale angażujący sposób na podgląd strony, którą zobaczą po kliknięciu odnośnika.

Oto inne wskazówki, które możesz sprawdzić:

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać przypisy do twojej witryny internetowej WordPress. Zachęcamy również do zapoznania się z naszym wyborem najlepszych kreatorów stron typu „przeciągnij i upuść ” dla WordPressa oraz naszym przewodnikiem na temat edytowania witryny internetowej 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

19 komentarzyZostaw odpowiedź

  1. Jiří Vaněk

    Sometimes on the site I use excerpts from books or other blogs as opinions about something, and I always added them below the article. But this method is much more elegant, as it adds a small link to the information below the line directly to the excerpt. From the website user’s point of view, it will be a much better way to solve this. Thanks for another one of many inspirations on how to make content more user-friendly.

  2. THANKGOD JONATHAN

    This is really good. But since Gutenberg editor work similar with Block editor, should I just use the block editor or must install the Gutenberg editor again?

    • WPBeginner Support

      They are the same editor, it just has two different names :)

      Administrator

  3. samarth

    I have a question. Adding Footnotes through the custom (HTML) method will cause in-article wording and would the article length will be increased?

    And, If through the plugin, the words of footnotes won’t be counted as blog post words?

    sorry for any grammatical mistakes.

    • WPBeginner Support

      Both methods would be adding text to your article, we would not recommend either method if you only wanted to increase your word count.

      Administrator

  4. Ciprian

    Hi,

    Thanks for this info, I`ve tried it and it`s working fine, but now I have a curiosity:

    – the link for this notes are dofollow, from seo point of view, is this ok or we should make them nofollow?

    – if we need them nofollow, how can we do that?

    Thanks a lot.

  5. David

    Hey, forgive my ignorance, but I can’t figure out how to activate this, or any other plugin. What am I missing?

  6. Hank

    I added the plugin and tried some footnotes. When I click on the little number that should link to the footnote, it takes me below the comment box on the WordPress page and doesn’t display the footnote. I have to scroll up to see the footnote.

    Does anyone know how I can get it to land on the actual footnote?

      • Hank DeBey

        I had some remnants of earlier footnote attempts in the code. I removed those and things are better. Thanks for your help.

    • Evan Lowry

      Does it still do this when you view the page when you are signed out of the Dashboard? For me, when the dashboard menu is up top (when I am signed in), it makes it appear that the FN links are taking me too low–but then when I view the same page logged out, as a reader would, the FNs work properly.

  7. Evan Lowry

    This is a great plugin, but in the version I downloaded for 3.5.1, the footnotes reset after ten, back to zero, in the footer. Does anyone know how to fix this? I just want it to continue: 11, 12, etc…

  8. Kiesha Michelle

    Thanks for this!! I was trying to figure out how to add footnotes…. :)

  9. retlkpr

    Now that is one I did not know about. Thanks!  It works great.

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