So fügen Sie einfache und elegante Fußnoten in Ihren WordPress-Blogbeiträgen ein

Möchten Sie Fußnoten zu Ihren WordPress-Blogbeiträgen hinzufügen?

Wenn Sie einen Artikel schreiben, der sich auf Forschungsergebnisse bezieht oder eine Menge komplexer Informationen enthält, sollten Sie in Ihrem Inhalt Fußnoten verwenden. Dabei handelt es sich um kleine nummerierte Markierungen in einem Text, die zusätzlichen Kontext zu einem Satz oder Absatz liefern.

In diesem Artikel zeigen wir Ihnen, wie Sie Schritt für Schritt einfache und elegante Fußnoten zu Ihren WordPress-Blogbeiträgen hinzufügen können.

Warum sollten Sie Fußnoten zu Ihren WordPress-Blogbeiträgen hinzufügen?

Wenn Sie einen Bildungsblog betreiben, Forschungsergebnisse veröffentlichen oder über Nachrichten berichten, dann sind Fußnoten eine gute Möglichkeit, Ihren Inhalten mehr Kontext zu geben. Sie können sie verwenden, um Kommentare hinzuzufügen, wichtige Fakten hervorzuheben oder Zitate zu akademischen Quellen auf Ihrer Website einzufügen.

Eine Fußnote erscheint in der Regel als kleine, hochgestellte Zahl innerhalb des Hauptteils Ihres Textes. Der eigentliche Fußnoteninhalt wird dann am Ende der Seite platziert oder erscheint als QuickInfo, um ihn vom Hauptinhalt zu unterscheiden.

Hier ist ein Beispiel:

Fußnoten sorgen nicht nur für Klarheit und Transparenz für Ihre Leser, sondern lassen Ihre WordPress-Website auch professioneller und vertrauenswürdiger erscheinen. Sie zeigen, dass Sie recherchiert haben und über Quellen verfügen, die Ihre Behauptungen belegen.

Der WordPress.org-Editor verfügt jetzt über eine integrierte Fußnotenfunktion, mit der Sie ganz einfach zusätzlichen Kontext einfügen können.

In diesem Leitfaden erfahren Sie, wie Sie WordPress-Fußnoten zu Ihren Blogbeiträgen oder Seiten hinzufügen können, und zwar mit zwei Methoden. Die eine ist die Verwendung des Fußnoten-Blocks im Gutenberg-Editor, die andere die Verwendung eines Plugins.

Sie können die Links unten verwenden, um zu einer bestimmten Methode zu springen:

Methode 1: Hinzufügen von WordPress-Fußnoten mit dem Gutenberg-Editor

Diese Methode eignet sich am besten für Personen, die einfache Fußnoten verwenden und kein Plugin für diesen Zweck installieren möchten.

Um den WordPress-Fußnotenblock zu verwenden, müssen Sie den Gutenberg-Blockeditor für einen neuen oder bestehenden Beitrag oder eine Seite öffnen.

Markieren Sie dann einfach ein Wort in Ihrem Inhalt, das Sie mit einer Fußnote versehen möchten. Klicken Sie in der Blocksymbolleiste auf den Dropdown-Pfeil und wählen Sie „Fußnote“.

Sie werden nun zum unteren Ende der Seite weitergeleitet, wo der Fußnotenblock automatisch hinzugefügt wurde. Hier können Sie Ihre zusätzlichen Informationen einfügen.

Darüber hinaus können Sie die Farbe, Typografie, Abmessungen und den Rahmen des Blocks mithilfe der Einstellungen im rechten Bereich anpassen.

Sie können diesen Schritt wiederholen, um so viele Fußnoten wie nötig einzufügen.

In der Vorschau Ihrer WordPress-Website sollte ein Fußnoten-Link zu dem zuvor markierten Satz angezeigt werden.

Wenn Sie auf den Hyperlink klicken, werden Sie zum Ende der Seite mit der Fußnote weitergeleitet.

Hier können Sie auch auf den Pfeil mit dem Hyperlink klicken, um zu dem Abschnitt zurückzukehren, dem die Fußnote zugeordnet ist.

Diese Methode ist zwar für Anfänger recht einfach, bietet aber nicht allzu viele Anpassungsmöglichkeiten. Wenn Sie nach weiteren Möglichkeiten suchen, das Erscheinungsbild der Fußnoten zu ändern, fahren Sie einfach mit der nächsten Methode fort.

Methode 2: WordPress-Fußnoten mit einem Plugin hinzufügen

Eine andere Methode zur Erstellung von Fußnoten ist die Verwendung des kostenlosen Plugins Modern Footnotes. Im Gegensatz zum Footnotes-Block bietet es viel mehr Optionen, um das Aussehen der Fußnoten zu verändern.

Sie können zum Beispiel die Fußnote als QuickInfo anzeigen lassen und zusätzliche Informationen am Ende der Seite einblenden.

Als Erstes installieren Sie das Modern Footnotes-Plugin. Weitere Informationen zur Plugin-Installation finden Sie in unserem Leitfaden zur Installation eines WordPress-Plugins.

Konfigurieren der Einstellungen für das Modern Footnotes Plugin

Wenn das Plugin installiert ist, können Sie nun zu Einstellungen “ Moderne Fußnoten gehen. Hier können Sie die Fußnoteneinstellungen nach Ihren Wünschen konfigurieren.

Gehen wir die einzelnen Einstellungen nacheinander durch.

Mit der Option „Desktop-Fußnotenverhalten“ können Sie festlegen, wie sich die Fußnote verhalten soll, wenn die Website auf einem Desktop-Computer angezeigt wird.

Sie können die Fußnote erscheinen lassen, wenn der Mauszeiger über der QuickInfo schwebt oder wenn der Benutzer auf die QuickInfo klickt. Alternativ kann die Fußnote auch unter dem mit Fußnoten versehenen Text eingeblendet werden.

Welche Sie wählen, hängt von Ihren Präferenzen ab. Allerdings wird die Fußnote auf mobilen Bildschirmen standardmäßig unter dem Text angezeigt.

Außerdem können Sie bei Bedarf das Kontrollkästchen „Fußnoteninhalt in der eigenen QuickInfo des Webbrowsers anzeigen, wenn der Mauszeiger über die Fußnotennummer bewegt wird“ aktivieren. Dies bedeutet, dass die Fußnote in der QuickInfo des Browsers und nicht in der des Plugins erscheint, wenn der Mauszeiger über dem Text schwebt.

Wir empfehlen, diese Einstellung zu deaktivieren, wenn Sie die Option „QuickInfo“ für das Verhalten der Desktop-Fußnote wählen. Andernfalls erhalten Sie zwei QuickInfos für dieselbe Fußnote, was die Leser möglicherweise als störend empfinden.

Unten können Sie auch die Fußnotenliste am Ende des Beitrags anzeigen lassen. Auf diese Weise kann der Leser alle zusätzlichen Informationen an einem Ort sehen.

Sie können diese Funktion auch aktivieren, wenn der Blogbeitrag über RSS-Feeds verbreitet wird.

Wenn Sie nach unten blättern, können Sie eine Überschrift für Ihre Fußnotenliste einfügen und ein Überschrift-Tag dafür wählen. Dies hilft, den eigentlichen Inhalt Ihres Blogbeitrags von den Fußnoten zu trennen. Sie können etwas schreiben wie Referenzen, Fußnoten, Zitate oder zusätzliche Informationen.

Wenn Sie ein benutzerdefiniertes CSS hinzufügen möchten, um den Fußnotentext zu ändern, können Sie es in das Feld „Modern Footnote Custom CSS“ einfügen.

Zu guter Letzt können Sie den Modern Footnotes Shortcode anpassen, wenn Sie die integrierte Version nicht verwenden möchten. Stellen Sie sicher, dass Sie den Shortcode ohne die Klammern eingeben.

Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie einfach auf „Änderungen speichern“.

Hinzufügen von Fußnoten mit dem Modern Footnotes Plugin

Nachdem Sie nun die Einstellungen für moderne Fußnoten konfiguriert haben, können Sie nun Fußnoten in Ihren Inhalt einfügen. Öffnen Sie den Blockeditor für einen neuen oder bestehenden Beitrag oder eine Seite.

Es gibt zwei Möglichkeiten, eine Fußnote hinzuzufügen. Die eine ist mit einem Shortcode, was wir empfehlen.

Suchen Sie zunächst den Satz, in den Sie eine Fußnote einfügen möchten. Dann geben Sie direkt neben diesem Satz den folgenden Shortcode ein:

[mfn]Fügen Sie hier Ihre Fußnote ein[/mfn]

Achten Sie darauf, den Text zwischen den Klammern durch Ihre Angaben zu ersetzen.

Wir empfehlen außerdem, den Shortcode im selben Block wie den Satz zu platzieren, direkt neben dem Text, ohne Leerzeichen dazwischen, so wie im folgenden Beispiel. Andernfalls könnte die Fußnote vom Text losgelöst aussehen.

Die andere Methode besteht darin, den Fußnotentext neben dem Satz einzugeben, dem Sie die Fußnote hinzufügen möchten. Achten Sie darauf, dass sich zwischen dem Fußnotentext und dem Satz kein Leerzeichen befindet.

Im folgenden Beispiel möchten wir eine Fußnote mit einem akademischen Zitat für den Satz hinzufügen, der mit „Studien legen nahe, dass…“ beginnt.

Markieren Sie die Fußnote und klicken Sie auf die Pfeil-nach-unten-Schaltfläche in der Symbolleiste. Wählen Sie dann „Fußnote hinzufügen“.

Der Nachteil der zweiten Methode ist, dass es schwierig sein kann, bei der Bearbeitung des Inhalts zu verfolgen, welche Textzeilen mit einer Fußnote versehen wurden und welche nicht. Aus diesem Grund empfehlen wir die Shortcode-Methode.

In der Vorschau des Blogeintrags sehen Sie, dass neben dem Satz nun eine Zahl steht. Wenn Sie die Option „QuickInfo“ verwenden, sieht die Fußnote so aus:

Andererseits erscheint die Fußnote unterhalb des Textes, wenn Sie die erweiterbare Formatierung verwenden.

So sieht es aus, wenn Sie auf die Nummer klicken:

Wenn Sie sich dafür entscheiden, den gesamten Inhalt der Fußnoten am Ende des Beitrags anzuzeigen, können Sie nach unten scrollen, um dort alles zu finden.

Sie sollten irgendwo über dem Kommentarbereich stehen.

Bonus-Tipp: Verwenden Sie benutzerdefinierte WordPress-Felder, um mehr Informationen zu Ihrem Inhalt hinzuzufügen

Neben Fußnoten gibt es noch eine weitere Möglichkeit, zusätzliche Informationen in Ihren WordPress-Beiträgen und -Seiten bereitzustellen: die Verwendung benutzerdefinierter Felder.

Benutzerdefinierte WordPress-Felder sind Metadaten, die dazu dienen, zusätzliche Informationen in einen Beitrag oder eine Seite einzufügen. Wenn Sie zum Beispiel einen Blog mit mehreren Autoren betreiben, möchten Sie vielleicht die Namen Ihrer Mitwirkenden im Blogbeitrag anzeigen, nicht nur Ihren eigenen.

Wenn Sie an benutzerdefinierten Feldern interessiert sind, lesen Sie einfach unseren WordPress-Leitfaden für benutzerdefinierte Felder 101.

Wir zeigen Ihnen, wie Sie mit dem Block-Editor und einigen Plugins, darunter WPCode, benutzerdefinierte Felder hinzufügen können. Dieses Plugin bietet eine sichere und einfache Möglichkeit, Code-Snippets zu Ihrer WordPress-Website hinzuzufügen, selbst wenn Sie Anfänger sind.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie Ihrer WordPress-Website Fußnoten hinzufügen können. Vielleicht möchten Sie auch einen Blick auf unsere Expertenauswahl für die besten WordPress-Typografie-Plugins und unsere Anleitung zum Ein- und Ausblenden von Text in WordPress-Beiträgen mit dem Toggle-Effekt werfen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.