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.

Du kannst auch den [mfn_list] Shortcode verwenden, um eine Liste der im Artikel verwendeten Fußnoten anzuzeigen.

Das offizielle GitHub Repository ist unter https://github.com/seankwilliams/modern-footnoteszu finden.

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].

Können die Fußnoten auch am Ende des Beitrags aufgelistet werden?

Ja. Gehe zu Einstellungen -> Modern Footnotes und wähle die Option „Fußnotenliste am Ende des Beitrags anzeigen“. Oder, wenn du die Fußnoten nur beim Drucken am Ende des Beitrags haben möchtest, wähle die Option „Beim Drucken Fußnoten am Ende des Beitrags auflisten“.

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!

Wie kann ich die Entwicklung des Plugins unterstützen?

Modern Footnotes ist ein Open-Source-Projekt, das in der Freizeit seiner Mitwirkenden entsteht. Jede Art der Unterstützung ist sehr willkommen. Du kannst das Plugin unterstützen, indem du eine positive Bewertung hinterlässt oder dem Programmierer einen Kaffee spendierst. Und wenn du bei der Entwicklung des Plugins helfen möchtest, freuen wir uns über jeden Beitrag zum Projekt auf GitHub.

Rezensionen

12. März 2022
Compare with CM Footnote plugin,I found Modern Footnotes is the best. CM Footnote plugin needs to insert id manually, if you have serialized your footnote id from 1 to 100 ,and want to add a new footnote in 1-100, you must modify the id number one by one. Modern Footnotes serialize your footnote id automaticaly, it's very good. While if the plugin support rich text(especially support hypertext),that would be further best.
19. Januar 2022
Keep up the good work! Continue to update the plugin to be compatible with the latest WP version. Thanks!
8. Juli 2021
This is a user-friendly plugin on the front and backend. Better than most alternatives on the mobile side of things too.
18. Juni 2021
It's simple, and it works. I have no need for those fancy glossaries, and all those color stylings and tooltip stylings. I just need a simple way to display extra info to my readers without getting in their way. And this plugin does it extremely well.

Top

27. Mai 2021
Simple and work
Alle 21 Rezensionen lesen

Mitwirkende & Entwickler

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

Mitwirkende

„Modern Footnotes“ wurde in 3 Sprachen ü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.4.11

  • Accessibility fix: set aria-describedby and gave footnote links a role of „button“

1.4.10

  • Remove outline style from tooltip when users are focused on it
  • Added an option to add heading text to a footnote list

1.4.9

  • Fixed a PHP warning in debug mode

1.4.8

  • Fixed a PHP warning in debug mode

1.4.7

  • Option zum Hinzufügen eines Titelattributs mit Fußnoteninhalt zu Fußnotennummern hinzufügen

1.4.6

  • Titel-Attribut aus Fußnoten entfernt (kann in Zukunft als Einstellung wieder hinzugefügt werden, wenn es gewünscht wird)

1.4.5

  • Behebung eines Problems, bei dem Fußnoten manchmal die Zeilenhöhe beeinträchtigen konnten
  • Lade CSS/JS für Modern Footnotes nur auf Seiten, auf denen es verwendet wird
  • Option hinzufügen, um Tooltips bei Mauszeigerkontakt anzuzeigen
  • Titelattribut zu einem Element hinzufügen, das Fußnoten öffnet
  • Problem mit der Darstellung von Fußnoten in Textauszügen behoben
  • Problem im Zusammenhang mit der Kompatibilität des WordPress-Backends mit anderen Plugins behoben
  • Verbesserungen der Barrierefreiheit: Setze den Fokus in und aus den Tooltip-Fußnoten und lass die Escape-Taste funktionieren, wenn du dich in einer Fußnote befindest

=1.4.4=
* PHP-Warnung behoben

=1.4.3=
* Hinzufügen einer Option zum Auflisten von Fußnoten am Ende eines RSS-Feeds

=1.4.2=
* Ändere den „x“-Button so, dass nur eine ausklappbare Fußnote auf einmal geschlossen wird, um Probleme beim mobilen Scrollen zu vermeiden

=1.4.1=
* CSS hinzugefügt, damit die Fußnotenliste bei einigen Themes besser angezeigt wird.

=1.4=
* Option hinzugefügt, um Fußnoten am Ende der Seite aufzulisten. Problem behoben, bei dem das Display Posts Plugin dazu führte, dass Beiträge manchmal mit falscher Nummerierung angezeigt wurden.

=1.3.11=
* Plugin für die Lokalisierung vorbereitet

=1.3.10=
* Problem auf Seiten, die mehrere Beiträge auflisten, 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=
* Problem in Chrome behoben, bei dem eine Fußnote nahe der rechten Seite des Bildschirms mit komprimierter Breite auf dem Desktop angezeigt wurde.

=1.3.8=
* Probleme mit einigen individuellen Implementierungen behoben, bei denen Fußnoten nicht geöffnet werden konnten, weil zusätzliche DOM-Elemente zwischen dem Fußnotenlink & Inhalt platziert wurden.

=1.3.7=
* JavaScript-Fehler behoben

=1.3.6=
* Fix für das Problem, dass ein Klick auf eine Fußnote mit der gleichen Nummerierung wie eine andere Fußnote beide Fußnoten öffnete

=1.3.5=
* Fix für ein Problem, bei dem die Fußnotennummerierung in manchen Fällen fälschlicherweise mit ‚3‘ begann, insbesondere in Kombination mit dem Yoast SEO Plugin

=1.3.4=
* Fix für ein Problem, bei dem einige zusätzliche, leere Fußnoten zufällig erschienen

=1.3.3=
* Behebt ein Problem, bei dem die Anwendung mehrerer Formate in Verbindung mit Fußnoten im Gutenberg-Editor die Formatierung der Fußnoten durcheinander gebracht hat.

=1.3.2=
* Behebt ein Problem, bei dem Links innerhalb von Fußnoten nicht inline mit anderem Text erscheinen

=1.3.1=
* Stil aktualisiert, so dass lange Links mit Ellipsen in Tooltips abgeschnitten werden

=1.3.0=
* Problem behoben, bei dem der Classic-Editor-Button in WP 5.x nicht erschien. Gutenberg-Button hinzugefügt. Erlaube Shortcode innerhalb von Fußnoten.

=1.2.7=
* Zusätzliches Shortcode-Rendering-Problem in RSS-Feeds behoben.

=1.2.6=
* Fußnoten-Shortcodes von der Darstellung in RSS-Feeds entfernt.

=1.2.5=
* Problem mit Fußnoten, die Zeilenumbrüche verursachen, behoben.

=1.2.4=
* Ein Problem wurde behoben, bei dem HTML-Tags nicht innerhalb einer Fußnote eingegeben werden konnten.

=1.2.3=
* Getestet mit WordPress 5.0

=1.2.2=
* Die Lizenz wurde von LGPL auf GPL2 geändert.

=1.2.1=
* Ein Problem wurde behoben, bei dem die Fußnote eine falsche Größe hatte, wenn sie mehrfach am Rand eines Containers geöffnet wurde.

=1.2=
* Die Verwendung von href=“#“ für a HTML-Elemente wurde gestoppt, um die Theme-Kompatibilität zu erhöhen. Es wurde die Möglichkeit hinzugefügt, einen benutzerdefinierten Shortcode zu verwenden. Ein Bereich „individuelles CSS“ wurde hinzugefügt. Es wurde die Möglichkeit hinzugefügt, Zitate manuell außer Kraft zu setzen.

=1.1.4=
* Ein Problem wurde behoben, bei dem die Nummerierung der Fußnoten nicht fortlaufend war, wenn andere Plugins wie TablePress die Shortcodes in einer anderen Reihenfolge gerendert haben, als sie im HTML erscheinen.

=1.1.3=
* Problem behoben, bei dem das Icon im Admin-MCE-Editor nicht angezeigt wurde

=1.1.2=
* Problem behoben, bei dem Skripte nicht korrekt in die Warteschlange gestellt wurden.

=1.1.1=
* Fehler behoben, der in PHP-Versionen unter 5.3 auftrat

=1.1=
* Option hinzugefügt, um eine erweiterbare Version der Fußnoten auf dem Desktop zu verwenden, anstatt des Standard-Tooltip-Stils

=1.0=
* erste Version