Modern Footnotes

Beschreibung

Fußnoten optimiert für Desktop und Mobile, inspiriert durch die Stile von Grantland und FiveThirtyEight.

Verwende eine Fußnote im Beitrag, indem du das Fußnotensymbol im WordPress-Editor oder den Shortcode verwendest: [mfn]dies wird eine Fußnote[/mfn]. Das Plugin wird automatisch fortlaufende Nummern erzeugen.

Auf dem Desktop erscheinen die Fußnoten als Tooltip, wenn der Benutzer auf die Nummer klickt. Auf dem Smartphone werden die Fußnoten als Abschnitt unterhalb des aktuellen Textes expandiert angezeigt.

Sieh das GitHub-Repository unter: https://github.com/seankwilliams/modern-footnotes

Screenshots

  • http://prismtechstudios.com/modern-footnotes/modern-footnotes-1.png
  • http://prismtechstudios.com/modern-footnotes/modern-footnotes-2.png
  • http://prismtechstudios.com/modern-footnotes/modern-footnotes-3.png

Installation

  1. Lade den Ordner modern-footnotes in dein wp-content/plugins-Verzeichnis hoch.
  2. Aktiviere das Plugin im Abschnitt WordPress-Plugins.
  3. Verwende eine Fußnote im Beitrag, indem du das Fußnotensymbol im WordPress-Editor oder den Shortcode verwendest: [mfn]dies wird eine Fußnote[/mfn].
  4. Referenznummern werden automatisch der Reihe nach zugewiesen, sodass die erste Fußnote mit 1 ausgezeichnet wird, dann die nächste Fußnote mit 2, dann 3 usw. Mit dem Attribut „referencenumber“ können individuelle Referenznummern angeben werden, um eine bestimmte Referenznummer zu spezifizieren. Zum Beispiel: [mfn referencencenumber=3] Dies wird die Nummer 3 mit sich führen. [/mfn]
  5. Wenn die Stile angepasst werden sollen, kann man dies tun, indem man die folgenden Stile im individuellen CSS für das Theme überschreibt:
    .modern-footnotes-footnote – Das hochgestellte Element, das die Fußnotennummer anzeigt
    .modern-footnotes-footnotes–selektiert – Ein hochgestelltes Element, das gerade aktiv ist
    .modern-footnotes-footnotes__note – Styling, das sowohl für mobile als auch für Desktop-Fußnoten gilt
    .modern-footnotes-footnotes__note–mobile – Das Styling für eine mobile Fußnoten
    .modern-footnotes-footnotes-footnote__note–desktop – Das Styling für eine Desktop-Fußnote

FAQ

Wie erstelle ich eine Fußnote?

Verwende eine Fußnote in deinem Beitrag, indem du das Fußnotensymbol im WordPress-Editor oder den Shortcode verwendest: [mfn]dies wird eine Fußnote[/mfn].

Kann ich Desktop-Fußnoten wie auf einem Smartphone expandieren lassen, anstatt Tooltips zu verwenden?

Ja. Gehe zu Einstellungen -> Modern Footnotes und wähle die Option „Expandierbare Fußnoten auf dem Desktop“.

Kann ich die vom Plugin ausgegebenen Referenznummern anpassen?

Ja. Mit dem Attribut „referencenumber“ können individuelle Referenznummern angegeben werden, um eine bestimmte Referenznummer zu spezifizieren. Zum Beispiel: [mfn referencencenumber=3] Dies wird die Nummer 3 mit sich führen.[/mfn]

Kann ich die Fußnotennummern auf 1 „zurücksetzen“ ?

Ja. Versehe die Fußnote, in der die Zahlen zurückgesetzt werden sollen, mit dem Attribut referencereset=’true‘ und der Referenzzähler beginnt wieder bei 1. Zum Beispiel: [mfn referencereset=’true‘]Dies wird die Zahl 1 mit sich bringen, unabhängig davon, wie viele Fußnoten davor standen. Bitte beachte, dass dies möglicherweise nicht mit allen anderen Plugins kompatibel ist, je nachdem, wie das Plugin den HTML-Code manipuliert. Wenn also die Zahlen nicht richtig erscheinen, musst du stattdessen das „refnum“-Attribut verwenden (siehe „Kann ich die vom Plugin ausgegebenen Referenznummern anpassen?“)

Kann ich den Stil der Fußnoten anpassen?

Wenn die Stile angepasst werden sollen, kann man dies tun, indem man die folgenden Stile im individuellen CSS für das Theme überschreibt:
.modern-footnotes-footnote – Das hochgestellte Element, das die Fußnotennummer anzeigt
.modern-footnotes-footnotes–selektiert – Ein hochgestelltes Element, das gerade aktiv ist
.modern-footnotes-footnotes__note – Styling, das sowohl für mobile als auch für Desktop-Fußnoten gilt
.modern-footnotes-footnotes__note–mobile – Das Styling für eine mobile Fußnoten
.modern-footnotes-footnotes-footnote__note–desktop – Das Styling für eine Desktop-Fußnote

Gibt es Unterstützung für den Block-Editor/Gutenberg-Editor?

Ja, mithilfe des Buttons „Modern Footnotes“ in der Werkzeugleiste des Blockeditors kann der ausgewählte Text in eine Fußnote verschoben werden. Wenn die vom Plugin ausgegebenen Referenznummern jedoch angepasst werden sollen, müssen stattdessen Shortcodes eingeben werden.

Warum erscheint das Wort „Fußnote“ nicht bei allen meinen Fußnoten im Block-Editor/Gutenberg-Editor?

Das Wort „Fußnote“ erscheint nur bei der ersten Fußnote in jedem Absatz im Editor, aber alle Fußnoten sind grau hervorgehoben. Damit soll eine technische Einschränkung des Gutenberg-Editors umgangen werden, obwohl wir hoffentlich in Zukunft eine bessere Lösung finden können. Keine Sorge, die Fußnoten werden beim Aufruf der Seite/des Blog-Beitrags korrekt angezeigt!

Rezensionen

10. Mai 2020
It's a good plugin. At least it fits the needs of our website. I really hope that it will be supported, developed and added new features and possibly paid addons. Thank you.
12. Dezember 2019
This plugin works very well with a minimum of effort on the user part. The output is good looking even with some very looong notes. And you can customize it quite easily, if you want a different look. It is very light on the page, and works well in mobile, something very needful nowadays but difficult to find. To top all this, the support is very good and quick. The author always answer questions quickly, gives good solutions and is very nice and friendly!
18. Januar 2019
I chose this plugin because it has options for mobile vs desktop browsers. After installing it footnotes were up and running on all my sites within minutes. Thank you to the developer.
Lies alle 13 Rezensionen

Mitwirkende & Entwickler

„Modern Footnotes“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Modern Footnotes“ wurde in 1 Sprache übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Modern Footnotes“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.3.11 – 6/23/20 – Plugin für die Lokalisierung vorbereitet
1.3.10 – 6/17/20 – Problem auf Seiten mit mehreren Beiträgen behoben, bei dem die Fußnotennummern nicht zurückgesetzt wurden. Es wurde eine Option hinzugefügt, um die Fußnotennummerierung mit einem Attribut zurückzusetzen. Ein kleines Code-Problem mit dem Gutenberg-Editor wurde behoben.
1.3.9 – 29.12.19 – Problem in Chrome behoben, bei dem eine Fußnote in der Nähe der rechten Bildschirmseite mit komprimierter Breite auf dem Desktop erschien.
1.3.8 – 11/12/19 – Probleme mit einigen individuellen Implementierungen behoben, bei denen Fußnoten nicht geöffnet werden konnten, weil zusätzliche DOM-Elemente zwischen dem Fußnoten-Link und dem Inhalt standen
1.3.7 – 11/7/19 – JavaScript-Fehler behoben
1.3.6 – 11/6/19 – Problem behoben, bei dem das Klicken auf eine Fußnote mit der gleichen Nummerierung wie eine andere Fußnote beide Fußnoten öffnen würde
1.3.5 – 28.10.19 – Korrektur des Problems, bei dem die Fußnotennummerierung in einigen Fällen fälschlicherweise mit ‚3‘ begann, insbesondere in Kombination mit dem Yoast SEO-Plugin
1.3.4 – 23.10.19 – Korrektur des Problems, bei dem einige zusätzliche, leere Fußnoten zufällig erscheinen würden
1.3.3 – 16.10.19 – Problem behoben, bei dem die Anwendung mehrerer Formate in Verbindung mit Fußnoten im Gutenberg-Editor die Fußnotenformatierung durcheinander bringen würde
1.3.2 – 18.9.19 – Problem behoben, bei dem Links innerhalb von Fußnoten nicht inline mit anderem Text erscheinen
1.3.1 – 18.9.19 – Aktualisierter Stil, sodass lange Links in Tooltips mit Ellipsen abgeschnitten werden
1.3.0 – 2/19/19 – Problem behoben, dass die Buttons des Klassik-Editors in WP 5.x nicht erschien. Gutenberg-Button hinzugefügt. Shortcode innerhalb von Fußnoten erlauben.
1.2.7 – 1.2.7 – 1.2.19.19 – Zusätzliches Problem bei der Darstellung von Shortcodes in RSS-Feeds behoben.
1.2.6 – 1.2.6 – 1/28/19 – Fußnoten-Shortcodes aus der Darstellung in RSS-Feeds entfernt.
1.2.5 – 30.11.18 – Problem mit Fußnoten behoben, das Zeilenumbrüche verursachte.
1.2.4 – 30.11.18 – Es wurde ein Problem behoben, bei dem HTML-Tags nicht innerhalb einer Fußnote eingegeben werden konnten.
1.2.3 – 11/11/18 – Getestet mit WordPress 5.0
1.2.2 – 10/8/18 – Lizenz von LGPL auf GPL2 geändert.
1.2.1 – 10/3/18 – Problem behoben, bei dem die Größe einer Fußnote nicht korrekt war, wenn sie mehrfach am Rand eines Containers geöffnet wurde.
1.2 – 14.9.18 – Keine Verwendung von href=“#“ mehr für a HTML-Elemente zur Erhöhung der Themekompatibilität. Es wurde die Möglichkeit hinzugefügt, einen individuellen Shortcode zu haben. Ein benutzerdefinierter CSS-Bereich wurde hinzugefügt. Es wurde die Möglichkeit hinzugefügt, Zitate manuell zu überschreiben.
1.1.4 – 27.12.18 – Es wurde das Problem behoben, dass die Fußnotennummerierung nicht fortlaufend war, wenn andere Plugins wie TablePress dazu führten, dass die Shortcodes in einer anderen Reihenfolge gerendert wurden, als sie im HTML erscheinen.
1.1.3 – 1/11/18 – Problem behoben, bei dem das Symbol im administrativen MCE-Editor nicht angezeigt wurde.
1.1.2 – 1/6/18 – Problem behoben, bei dem Skripte falsch in die Warteschlange eingereiht wurden.
1.1.1 – 22.11.17 – Korrigierter Fehler, der in PHP-Versionen unter 5.3 auftrat.
1.1.1 – 11/8/17 – Option hinzugefügt, eine erweiterbare Version der Fußnoten auf dem Desktop anstelle des Standard-Tooltip-Stils zu verwenden.
1.0 – 4/1/17 – erste Version.