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.

You can also use the [mfn_list] shortcode to display a list of footnotes used in the article.

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

Can the footnotes also be listed at the bottom of the post?

Yes. Go to Settings -> Modern Footnotes and choose the „Display footnote list at bottom of posts“ option. Or, if you only want the footnotes at the bottom of the post when printing, choose the „When printing, list footnotes at the bottom of posts“ option.

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

2. Dezember 2020
This is a great piece of work, so much credit to Sean Williams of Prism for graciously providing this gratis. It's beautiful, and made my task very easy. Being able to see the footnotes inline makes reading huge documents on desktops and all docs on mobiles a much less painful/disorienting process.
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!
Lies alle 14 Rezensionen

Mitwirkende & Entwickler

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

Mitwirkende

„Modern Footnotes“ wurde in 2 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.4 – 4/7/21 – Fixed PHP warning
1.4.3 – 3/29/21 – Add an option to list footnotes at the bottom of an RSS feed
1.4.2 – 3/17/21 – Change „x“ button to only close one collapsible footnote at a time to prevent mobile scrolling issues
1.4.1 – 3/9/21 – Added CSS to make the footnotes list display better with some themes.
1.4 – 3/8/21 – Added option to list footnotes at bottom of the page. Fixed issue where Display Posts plugin would cause posts to sometimes render with incorrect numbering.
1.3.11 – 6/23/20 – Prepared plugin for localization
1.3.10 – 6/17/20 – Fixed problem on pages that listed multiple posts where footnote numbers wouldn’t reset. Added an option to reset footnote numbering with an attribute. Fixed a minor code issue with the Gutenberg editor.
1.3.9 – 12/29/19 – Fixed problem in Chrome where a footnote near the right side of the screen would appear with compressed width on desktop
1.3.8 – 11/12/19 – Fixed problems with some custom implementations where footnotes wouldn’t open due to extra DOM elements being placed between the footnote link & content
1.3.7 – 11/7/19 – Fixed JavaScript error
1.3.6 – 11/6/19 – Fix for problem where clicking on a footnote with the same numbering as another footnote would open both footnotes
1.3.5 – 10/28/19 – Fix for problem where footnote numbering would incorrectly start with ‚3‘ in some cases, especially when combined with the Yoast SEO plugin
1.3.4 – 10/23/19 – Fix for problem where some extra, empty footnotes would randomly appear
1.3.3 – 10/16/19 – Fix issue where applying multiple formats in conjunction with footnotes in the Gutenberg editor would mess up footnote formatting
1.3.2 – 9/18/19 – Fix issue where links inside footnotes wouldn’t appear inline with other text
1.3.1 – 9/18/19 – Updated style so that long links are truncated with ellipsis in tooltips
1.3.0 – 2/19/19 – Fixed problem where Classic Editor button did not appear in WP 5.x. Added Gutenberg button. Allow shortcode within footnotes.
1.2.7 – 1/29/19 – Fixed additional shortcode rendering issue in RSS feeds.
1.2.6 – 1/28/19 – Removed footnote shortcodes from rendering in RSS feeds.
1.2.5 – 11/30/18 – Fixed issue with footnotes causing line breaks.
1.2.4 – 11/30/18 – Fixed a problem where HTML tags could not be entered inside a footnote.
1.2.3 – 11/1/18 – Tested with WordPress 5.0
1.2.2 – 10/8/18 – Changed license from LGPL to GPL2.
1.2.1 – 10/3/18 – Fixed a problem where footnote would improperly size when it was opened multiple times at the edge of a container
1.2 – 9/14/18 – Stopped using href=“#“ for a HTML elements for increased theme compatibility. Added ability to have a custom shortcode. Added a custom CSS area. Added the ability to manually override citations.
1.1.4 – 1/27/18 – Fixed issue where footnote numbering wouldn’t be sequential when other plugins like TablePress caused shortcodes to render in a different order than they appear in the HTML.
1.1.3 – 1/11/18 – Fixed issue where icon was not showing in the admin MCE editor
1.1.2 – 1/6/18 – Fixed problem where scripts were enqueued incorrectly.
1.1.1 – 11/22/17 – Fixed error occuring in PHP versions below 5.3
1.1 – 11/8/17 – Added option to use expandable version of footnotes on desktop instead of the default tooltip style.
1.0 – 4/1/17 – initial version.