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.
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:
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”.
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.
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ś.
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.
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.
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.
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”.
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.
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”.
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:
Z drugiej strony, przypis pojawi się pod tekstem, jeśli użyjesz formatowania rozwijanego.
Oto jak to wygląda po kliknięciu na numer:
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.
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ć:
- Jak wyróżnić nowe wpisy dla powracających użytkowników WordPressa?
- Jak dodawać dynamiczne treści w WordPressie (przewodnik dla początkujących)
- Jak dodać zmianę rozmiaru czcionki w WordPress dla ułatwienia dostępu?
- Jak dodać tryb ciemny do twojej witryny internetowej WordPress (proste)
- Jak wyświetlać etykiety z wartościami odżywczymi w WordPress?
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.
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.
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
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
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.
WPBeginner Support
For nofollowing links, you would want to take a look at our article here: https://www.wpbeginner.com/beginners-guide/how-to-add-nofollow-links-in-wordpress/
Administrator
Didier Van Bogget
Work fine ! Really simple. Thank you.
David
Hey, forgive my ignorance, but I can’t figure out how to activate this, or any other plugin. What am I missing?
Editorial Staff
Are you using WordPress.com or self-hosted WordPress.org?
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administrator
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?
Editorial Staff
It sounds like a CSS issue in your theme which causing this.
Administrator
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.
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…
Editorial Staff
Did you try contacting the author?
Administrator
Kiesha Michelle
Thanks for this!! I was trying to figure out how to add footnotes….
fatihtoprak
Great plugin thanks for that.
retlkpr
Now that is one I did not know about. Thanks! It works great.