Så här addar du enkla och eleganta fotnoter i dina blogginlägg i WordPress

Har du någonsin sett webbplatser som har små, upphöjda siffror i texten som länkar till ytterligare information längst ner på sidan? De anropar fotnoter, och de är ett utmärkt sätt att ge extra sammanhang eller citera källor utan att störa ditt huvudsakliga innehåll.

Några av våra läsare har frågat hur man lägger till fotnoter i sina WordPress inlägg, särskilt när man skriver forskningstungt innehåll eller artiklar som behöver citat.

I den här artikeln visar vi dig hur du steg för steg kan add to enkla och eleganta fotnoter till dina blogginlägg i WordPress.

Varför add fotnoter till dina blogginlägg i WordPress?

Om du runar en pedagogisk blogg, utgivarblogg, publicerar forskning eller täcker stories är fotnoter ett bra sätt att ge mer sammanhang åt ditt content. Du kan använda dem för att lägga till kommentarer, lyfta fram viktiga fakta eller importera hänvisningar till akademiska källor på din website.

En fotnot appear typically as a small, superscript number within the main body of your text. Det faktiska fotnotinnehållet placeras sedan längst ner på sidan eller visas som en Tooltip för att skilja det från huvudinnehållet.

Här är ett exempel:

Förutom att ge klarhet och transparens för dina Läsare kan fotnoter få din WordPress website att se mer professionell och trovärdig ut. De visar att du har gjort din forskning och har källor som stödjer dina påståenden.

Som tur är har WordPress.org Editor en utvald fotnotsfunktion som du enkelt kan använda för att inserta ytterligare sammanhang. På så sätt behöver du inte manuellt add to fotnoterna själv.

Den här guiden visar hur du addar WordPress fotnoter till dina blogginlägg eller pages med hjälp av två metoder. Den ena är med hjälp av blocket Fotnoter i Gutenberg editor, och den andra är med ett plugin.

Du kan använda länkarna under för att hoppa till en specifik metod:

Metod 1: Så här addar du fotnoter i WordPress utan ett plugin

Den här metoden är bäst för personer som vill använda enkla fotnoter i blogginlägg och inte vill installera ett plugin för att göra det.

För att använda WordPress Footnotes-blocket måste du öppna Gutenberg block editor för ett nytt eller befintligt post.

Efter det kan du börja lägga till styckeblock, images och andra typer av content i blogginlägget. Du kan till och med add to insticksprogram för att styla din text och fånga läsarnas uppmärksamhet.

Nu markerar du bara ett ord i ditt content som du vill add to fotnoten till. I blockets toolbar klickar du på dropdown-pilen och väljer ”Fotnot”.

Du kommer nu att redirectas till längst ner på sidan, där blocket Footnotes har addats automatiskt. Här kan du skriva in din extra information.

Dessutom kan du customize blockets textfärg, typografi, dimensioner och kant med hjälp av settings i den högra panelen.

Om det finns länkar i fotnoten kanske du vill ändra färgen på länkarna så att de sticker ut.

Upprepa gärna detta steg för att inkludera så många fotnoter som behövs.

När du previewar din site i WordPress bör det finnas en fotnotslänk till meningen som du markerade tidigare.

Om du klickar på hyperlänken kommer du längst ner på sidan med fotnoten.

Här kan du också clicka på den hyperlänkade pilen för att gå tillbaka till den section där fotnoten är placerad.

Du kanske också vill göra en preview av din website på mobilen för att se till att fotnoten är läsbar på smartphoneskärmar.

Även om den här metoden är ganska enkel för Beginnare, erbjuder den inte massor av alternativ för customize. Om du letar efter fler sätt att ändra fotnotens appearance, fortsätt bara till nästa metod.

Metod 2: Så här addar du fotnoter till WordPress med ett plugin

Ett annat sätt att skapa fotnoter är att använda det gratis tillägget Modern Footnotes. Till skillnad från blocket Footnotes erbjuder det många fler alternativ för att ändra fotnotens appearance.

Du kan t.ex. få fotnoten att appear as a tooltip, as well as extra information längst ner på page.

Det första du ska göra är att installera pluginet Modern Footnotes. För mer information om installation av plugin, kontrollera vår guide om hur du installerar ett WordPress plugin.

Note : Om du ej är säker på om du ska använda detta plugin, kan du installera det på den tillfälliga WordPress Playground och leka med det.

Konfigurera tillägget Modern Footnotes Settings

När pluginet är installerat kan du nu gå till Settings ” Moderna fotnoter. Det är här du kan konfigurera fotnotinställningarna efter dina alternativ.

Låt oss gå igenom varje setting en efter en.

”Desktop footnote behavior” låter you välja hur fotnoten ska bete sig när the website viewas på en stationär dator.

Du kan få fotnoten att appear när en markör hoverar över tooltip eller när användaren clickar på tooltip. Alternativt kan fotnoten förstoras under den fotnoterade texten.

Vilken du väljer är upp till dina alternativ. Fotnoten kommer dock att förstoras under texten som standard på mobila vyer.

Förutom det kan du också kontrollera boxen ”Make footnote content appear in web browser’s native tooltip when hovering over footnote number” om det behövs. Detta innebär att fotnoten kommer att visas i webbläsarens tooltip snarare än i tilläggets när markören hoverar över texten.

Vi rekommenderar att du stänger av det här alternativet om du väljer Tooltip för fotnotbeteendet på skrivbordet. Annars får du två Tooltips för samma fotnot, vilket kan vara irriterande för Läsare.

Under kan du också välja att visa fotnotslistan längst ner i posts. På så sätt kan läsaren se all ytterligare information på ett och samma ställe.

Du kanske också vill aktivera den här funktionen när blogginlägget syndikeras via RSS-flöden.

Om du rullar ner kan du tacka ja till att inserta en heading för din fotnotslista och välja en tagged för den. Detta hjälper till att separera det faktiska innehållet i ditt blogginlägg från fotnoterna. Du kan skriva något som gillar Referenser, Fotnoter, Citeringar eller Ytterligare information.

Om du vill lägga till lite custom CSS för att ändra fotnotstexten, är du välkommen att insert den i ”Modern Footnote Custom CSS” box.

Sist men inte minst kan du customize Modern Footnotes shortcode om du inte vill använda den built-in versionen. Se till att du enter shortcoden utan parenteser.

När du är nöjd med inställningarna klickar du bara på ”Save Changes”.

Lägga till fotnoter med hjälp av tillägget Modern Footnotes

Nu när du har konfigurerat Modern Footnotes-inställningarna ska vi infoga några fotnoter i ditt content. Gå vidare och öppna block editor för ett nytt eller befintligt post eller page.

Det finns två sätt att add to en fotnot. Det ena är med en shortcode, vilket är vad vi rekommenderar.

Först hittar du den mening som du vill inserta en fotnot till. Sedan, precis bredvid den meningen, skriver du in följande shortcode:

[mfn]Infoga din fotnot här[/mfn]

Se till att ersätta texten mellan parenteserna med your information.

Vi föreslår också att du placerar shortcoden i samma block som meningen, precis bredvid texten, utan något mellanslag, precis som i exemplet under. Annars kan fotnoten se ut att vara kopplad ifrån texten.

Den andra metoden är att skriva din fotnotstext bredvid den mening som du vill add to fotnoten till. Se till att det inte finns något mellanslag mellan fotnotstexten och meningen.

I exemplet under vill vi add to en fotnot som innehåller en akademisk referens för meningen som börjar med ”Studier tyder på …

Markera sedan fotnoten och clicka på knappen med nedåtpilen i toolbaren. Därefter väljer du ”Add a Footnote”.

Nackdelen med den andra metoden är att det kan vara svårt att spåra vilka textrader som har fått en fotnot och vilka som inte har fått det när you redigerar innehållet. Det är därför vi rekommenderar metoden med shortcode.

När du previewar blogginlägget ser du att det nu finns en siffra bredvid meningen. Om du använder alternativet Tooltip, är det så här fotnoten kommer att gilla att se ut:

Å andra sidan kommer fotnoten att visas under texten om du använder det förstorbara formatet.

Så här gillar du det när du klickar på numret:

Slutligen, om du väljer att visa all footnote content längst ner i posten, kan you rulla ner för att hitta allt där.

De borde finnas någonstans ovanför comment section.

Learn More Sätt att Customize Ditt WordPress Content

Förutom fotnoter finns det många sätt att göra ditt WordPress content mer intressant och läsbart för besökarna.

Du kan till exempel add to custom fonts till WordPress. På så sätt kan du skapa en typografi som ser unik ut och skiljer sig från andra konkurrenter, vilket gör din website mer minnesvärd.

Dessutom kan du markera vissa texter i dina block för att rikta användarnas uppmärksamhet mot den viktigaste informationen.

En annan sak du kan göra är att visa en live förhandsgranskning av dina interna eller externa länkar när besökare för över dem när de går igenom ditt innehåll. Det är ett enkelt men engagerande sätt att förhandsgranska vilken typ av sida de kommer att se om de klickar på länken.

Här är andra tips som du kan kontrollera:

• Så här markerar du nya posts för återkommande besökare i WordPress
• Så här addar du dynamiskt content i WordPress (Beginner’s Guide)
• Så här addar du en Font Resizer i WordPress för tillgänglighet
• Så här addar du mörkt läge till din website i WordPress (enkelt)
• Så här displayed du näringsvärdesdeklarationer i WordPress

Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du lägger till fotnoter på din webbplats i WordPress. Du kanske också vill läsa våra expertval för de bästa dra-och-släpp sidbyggarna för WordPress och vår przewodnik om hur man redigerar en WordPress webbplats.

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.