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.

Shortcode-Optionen

Du kannst einige Verhaltensweisen oder Stile deiner Fußnoten ändern, indem du die folgenden Optionen in unserem Shortcode verwendest.
[mfn referencenumber=3]Diese Fußnote wird die Nummer 3 haben[/mfn]
[mfn class=’my-pretty-class‘]Diese Fußnote erhält ‚my-pretty-class‘ als zusätzliche Klasse, mit der du einzelne Fußnoten individuell gestalten kannst.[/mfn]
[mfn referencereset=’true‘]Diese Fußnote setzt den Fußnotenzähler zurück und erhält daher eine 1 als Nummer. Auch die folgenden Fußnoten erhalten ihre Nummer entsprechend dem neuen Start.[/mfn]

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

Wenn du außerdem verschiedene Stile auf verschiedene Fußnoten anwenden möchtest, kannst du zusätzliche Klassen zu jeder einzelnen Fußnote hinzufügen, indem du die Option class im Shortcode wie folgt verwendest:
[mfn class=“my-pretty-class“] [/mfn]

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

9. August 2023 1 Antwort
Great plugin, very lightweight and provides the exact functionality I was looking for. Appreciate you making it!
15. Juni 2023
Was looking for a replacement for a foot pints plug-in that is not longer being developed. Modern Footnotes is the perfect solution. And includes block support to boot. I was able to seamlessly transition and still use my existing shortcodes. Responsiveness from the developer made it a no brainer
31. März 2023 1 Antwort
Not sure if it's just my installation or others have experienced this too, but it's not working consistently on Elementor/Astra theme. It works in some pages/posts not in others.
12. Dezember 2022
Perfect plugin, with the option to show all footnotes at the bottom, and customize classes. Thank you.
Alle 29 Rezensionen lesen

Mitwirkende & Entwickler

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

Mitwirkende

„Modern Footnotes“ wurde in 4 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.19

  • Fix compatibility issue with Relevanssi

1.4.18

  • Fix PHP warning when $GLOBALS[‚post‘] was not a WP_POST instance

1.4.17

  • Security fix for XSS issue. Thanks to cleantalk and Dmitrii Ignatyev for identifying the issue.

1.4.16

  • Security fix for XSS issue. Thanks to Rio Darmawan for identifying the issue.

1.4.15

  • Fehlerbehebung für doppelte HTML-IDs

1.4.14

  • Kleinere Korrektur für eine PHP-Warnung, bei der foreach versuchte, auf ein Null-Objekt zuzugreifen

1.4.13

  • Ein Problem wurde behoben, bei dem die Verwendung der Mauszeigerkontakt-Option für Fußnoten zu Problemen bei der Anzeige von Fußnoten auf mobilen Geräten führte.

1.4.12

  • Möglichkeit hinzugefügt, ein benutzerdefiniertes Klassenattribut für mfn-Shortcode-Tags bereitzustellen
  • JavaScript-Fehler beim Laden von Modern Footnotes auf der Widgets-Seite behoben
  • Hinzufügen einer neuen Option zum Anpassen der Überschrift einer Fußnotenliste
  • Behebung von PHP-Typ-Warnungen, wenn Strings als Fußnoten-Referenznummern angegeben wurden

1.4.11

  • Barrierefreiheit verbessert: aria-describedby gesetzt und Fußnotenlinks die Rolle „Button“ gegeben

1.4.10

  • Entferne den Umrissstil aus dem Tooltip, wenn die Benutzer darauf fokussiert sind
  • Option zum Hinzufügen von Überschriften zu einer Fußnotenliste hinzugefügt

1.4.9

  • Eine PHP-Warnung im Debug-Modus wurde behoben

1.4.8

  • Eine PHP-Warnung im Debug-Modus wurde behoben

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