Plugins

Fussnoten in Beiträgen

In den meisten Technik-Büchern muss man immer wieder einige Dinge erklären. Um den Textfluss nicht zu unterbrechen verwendet man Fussnoten. Hinter einem Wort steht zum Beispiel eine 1 und am Ende der Seite steht dann die Beschreibung dazu. Und wenn man einfach kreuz und quer durchs Internet surft, entdeckt man doch so einige interessante Links. So auch bei diesem kleinen Feature. Mit dem FD Footnotes Plugin von John Watson kann man nämlich genau solche Fussnoten in WordPress erstellen.

Das FD Footnotes Plugin

Heute möchte ich euch also diese wirklich nützliche Plugin einmal vorstellen! Alles was man dazu braucht ist WordPress ab Version 2.0 und ein bisschen Grundwissen um es zu installieren und zu bedienen.

Die Anwendung ist so simpel wie möglich gehalten: [1. Das ist ein Beispiel] erzeugt dann also Das ist ein Beispiel als Fussnote. Wichtig ist das Leerzeichen nach dem Punkt und dass man nicht weitere Klammern ineinanderverschachtelt. Also das hier funktioniert nicht:

  • [1.footnote]
  • [1. [footnote]]
  • [footnote]
  • [*. footnote]

Man kann übrigens auch nicht zwei mal die exakt gleiche Fussnote einbinden. Das funktioniert aktuell nämlich überhaupt nicht!

Kompatibilität

Das Plugin funktioniert in manchen Fällen nicht richtig, wenn gleichzeitig das EasyTube oder das WP-Ratings Plugin aktiviert ist. Ein Problem ist auch der Konflikt mit anderen Plugins, die etwas unter dem Artikel einfügen. So kann es vorkommen, dass zuerst die Fussnoten kommen und danach aber vielleicht noch eine Signatur (z.B. Copyright-Hinweis) erscheint. Das kann man vermeiden, in dem man die Plugin-Priorität verändert. Lösen kann man das in der letzten Zeile des Plugins, die so aussieht:

add_action(’the_content’, ‘fdfootnote_convert’, 1);

Die Zahl 1 hier steht für die Priorität. Je tiefer die Zahl, desto früher wird das Plugin den Dienst verrichten. Man kann sich das vielleicht als eine Art Warteschlange vorstellen: Vorne Person Nummer 1, hinten Person Nr. 10

Styling

Der Autor des Plugins empfiehlt dieses Stylesheet, um die Fussnoten wie erwartet darzustellen. Man kann dies natürlich auch beliebig verändern!


.footnotes {
  font-size: 85%;
  line-height: 1.5em;
  padding: 10px 0 10px 0;
}

.footnotes .footnotedivider {
  width: 120px;
  border-bottom: 1px solid #ccc;
}

.footnotes li {
  margin: 0 0 5px 0;
}

sup.footnote a {
  text-decoration: none;
  font-size: 80%;
}

sup.footnote {
  line-height: 0em;
}

.footnotereverse a {
  padding: 0 0 0 5px;
  text-decoration: none;
}

Das Ergebnis

Fussnoten in Aktion

Fussnoten in Aktion

Kommentieren