Hur man lägger till enkla och eleganta fotnoter i dina WordPress-blogginlägg

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? Dessa kallas fotnoter, och de är ett utmärkt sätt att ge extra kontext eller citera källor utan att röran till ditt huvudinnehå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 källhänvisningar.

I den här artikeln visar vi dig hur du lägger till enkla och eleganta fotnoter i dina WordPress-blogginlägg, steg för steg.

Varför lägga till fotnoter i dina WordPress-blogginlägg?

Om du driver en utbildningsblogg, publicerar forskning eller täcker nyhetsartiklar, då är fotnoter ett utmärkt sätt att ge mer kontext till ditt innehåll. Du kan använda dem för att lägga till kommentarer, markera viktiga fakta eller infoga citat till akademiska källor på din webbplats.

En fotnot visas vanligtvis som ett litet, upphöjt nummer i huvudtexten. Själva fotnotinnehållet placeras sedan längst ner på sidan eller visas som en verktygstips för att skilja den 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-webbplats att se mer professionell och pålitlig ut. De visar att du har gjort din research och har källorna som stöder dina påståenden.

Lyckligtvis har WordPress.org-redigeraren en inbyggd fotnotfunktion som du enkelt kan använda för att infoga ytterligare kontext. På så sätt behöver du inte lägga till fotnoterna manuellt själv.

Den här guiden visar dig hur du lägger till WordPress-fotnoter i dina blogginlägg eller sidor med två metoder. En är att använda fotnotblocket i Gutenberg-redigeraren, och den andra är med ett plugin.

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

• Metod 1: Hur man lägger till fotnoter i WordPress utan ett plugin
• Metod 2: Hur man lägger till WordPress-fotnoter med ett plugin
• Lär dig fler sätt att anpassa ditt WordPress-innehåll

Metod 1: Hur man lägger till 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 fotnotblock måste du öppna Gutenberg-blockredigeraren för ett nytt eller befintligt inlägg.

Därefter kan du börja lägga till stycke, bilder och andra typer av innehåll i blogginlägget. Du kan till och med lägga till initialer för att styla din text och fånga läsarnas uppmärksamhet.

Markera nu bara ett ord i ditt innehåll som du vill lägga till fotnoten till. I verktygsfältet för blocket, klicka på nedåtpilen och välj 'Fotnot'.

Du kommer nu att omdirigeras till sidans botten, där fotnotsblocket har lagts till automatiskt. Här kan du skriva in din extra information.

Dessutom kan du anpassa blockets textfärg, typografi, dimensioner och kantlinje med hjälp av inställningarna i panelen till höger.

Om det finns länkar i fotnoten kan du vilja ändra länkarnas färg för att få dem att sticka ut.

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

När du förhandsgranskar din WordPress-webbplats, bör det finnas en fotnotlänk till meningen du markerade tidigare.

Om du klickar på hyperlänken kommer du till botten av sidan med fotnoten.

Här kan du också klicka på den länkade pilen för att gå tillbaka till avsnittet där fotnoten är tilldelad.

Du kanske också vill förhandsgranska din webbplats på mobilen för att säkerställa att fotnoten är läsbar på smartphone-skärmar.

Även om den här metoden är ganska enkel för nybörjare, erbjuder den inte massor av anpassningsmöjligheter. Om du letar efter fler sätt att ändra fotnoternas utseende, fortsätt bara till nästa metod.

Metod 2: Hur man lägger till WordPress-fotnoter med ett plugin

Ett annat sätt att skapa fotnoter är att använda det kostnadsfria pluginet Modern Footnotes. Till skillnad från fotnotsblocket erbjuder det många fler alternativ för att anpassa fotnoternas utseende.

Till exempel kan du få fotnoten att visas som ett verktygstips, samt som extra information längst ner på sidan.

Det första du kommer att göra är att installera pluginet Modern Footnotes. För mer information om plugininstallation, kolla in vår guide om hur man installerar ett WordPress-plugin.

Notera: Om du är osäker på om du ska använda det här pluginet kan du installera det på den temporära WordPress Playground och experimentera med det.

Konfigurera inställningarna för Modern Footnotes-pluginet

Med pluginet installerat kan du nu gå till Inställningar » Moderna fotnoter. Det är här du kan konfigurera fotnotinställningarna efter dina önskemål.

Låt oss gå igenom varje inställning en efter en.

‘Fotnotsbeteende på skrivbordet’ låter dig välja hur fotnoten ska bete sig när webbplatsen visas på en stationär dator.

Du kan få fotnoten att visas när muspekaren svävar över verktygstipset eller när användaren klickar på verktygstipset. Alternativt kan fotnoten expandera under den fotnoterade texten.

Vilket du väljer beror på dina preferenser. Med det sagt kommer fotnoten som standard att expandera under texten på mobila skärmar.

Dessutom kan du även kryssa i rutan 'Låt fotnotinnehållet visas i webbläsarens inbyggda verktygstips när du för muspekaren över fotnotsnumret' om det behövs. Detta innebär att fotnoten kommer att visas i webbläsarens verktygstips istället för i pluginets när muspekaren förs över texten.

Vi rekommenderar att du stänger av den här inställningen om du väljer verktygstipsalternativet för fotnotsbeteendet på datorn. Annars får du två verktygstips för samma fotnot, vilket läsarna kan tycka är irriterande.

Nedan kan du också välja att visa fotnotlistan längst ner i inläggen. På så sätt kan läsaren se all ytterligare information på ett ställe.

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

Genom att skrolla ner kan du välja att infoga en rubrik för din fotnotlista och välja en rubrik-tagg 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 Referenser, Fotnoter, Citeringar eller Ytterligare information.

Om du vill lägga till anpassad CSS för att ändra fotnotstexten, kan du gärna infoga den i rutan 'Modern Footnote Custom CSS'.

Sist men inte minst, du kan anpassa Modern Footnotes kortkod om du inte vill använda den inbyggda versionen. Se till att ange kortkoden utan hakparenteser.

När du är nöjd med inställningarna klickar du bara på 'Spara ändringar'.

Lägga till fotnoter med pluginet Modern Footnotes

Nu när du har konfigurerat inställningarna för moderna fotnoter, låt oss infoga några fotnoter i ditt innehåll. Öppna blockredigeraren för ett nytt eller befintligt inlägg eller en sida.

Det finns två sätt att lägga till en fotnot. Ett är med en shortcode, vilket är vad vi rekommenderar.

Hitta först meningen du vill infoga en fotnot i. Skriv sedan, precis bredvid den meningen, följande kortkod:

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

Se till att ersätta texten inom hakparenteserna med din information.

Vi föreslår också att du placerar kortkoden inom samma block som meningen, precis bredvid texten, utan något mellanrum, precis som i exemplet nedan. Annars kan fotnoten se bortkopplad från texten ut.

Den andra metoden är att skriva din fotnottext bredvid meningen där du vill lägga till fotnoten. Se till att det inte finns något mellanrum mellan fotnottexten och meningen.

I exemplet nedan vill vi lägga till en fotnot som innehåller en akademisk hänvisning för meningen som börjar med 'Studier tyder på...'

Markera sedan fotnoten och klicka på nedåtpilknappen i verktygsfältet. Välj därefter 'Lägg till en fotnot'.

Nackdelen med den andra metoden är att det kan vara svårt att hålla reda på vilka textrader som har fått en fotnot och vilka som inte har det när du redigerar innehållet. Därför rekommenderar vi kortkodsmetoden.

När du förhandsgranskar blogginlägget, kommer du att se att det nu finns ett nummer bredvid meningen. Om du använder verktygstipsalternativet, så här kommer fotnoten att se ut:

Å andra sidan kommer fotnoten att visas under texten om du använder den expanderbara formateringen.

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

Slutligen, om du väljer att visa allt fotnotsinnehåll längst ner i inlägget, kan du skrolla ner för att hitta allt där.

De bör finnas någonstans ovanför kommentarsavsnittet.

Lär dig fler sätt att anpassa ditt WordPress-innehåll

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

Till exempel kan du lägga till anpassade teckensnitt i WordPress. På så sätt kan du skapa en typografi som ser unik och annorlunda ut från andra konkurrenter, vilket gör din webbplats mer minnesvärd.

Dessutom kan du markera viss text i dina textblock för att rikta användarnas uppmärksamhet mot den viktigaste informationen.

En annan sak du kan göra är att visa en förhandsgranskning i realtid av dina interna eller externa länkar när besökare hovrar över dem medan 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 du kan kolla in:

• Hur man markerar nya inlägg för återkommande besökare i WordPress
• Hur man lägger till dynamiskt innehåll i WordPress (nybörjarguide)
• Hur man lägger till en teckenstorleksändrare i WordPress för tillgänglighet
• Hur du lägger till mörkt läge på din WordPress-webbplats (enkelt)
• Hur man visar näringsfaktaetiketter 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 WordPress-webbplats. Du kanske också vill läsa våra experters val för de bästa dra-och-släpp-sidbyggarna för WordPress och vår guide om hur du redigerar en WordPress-webbplats.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.