Deze plugin is niet getest met de laatste 3 grotere versies van WordPress. Mogelijk wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen ontstaan wanneer het wordt gebruikt met recentere versies van WordPress.

jQuery Hover Footnotes

Beschrijving

JQuery Hover Footnotes lets you add footnotes with qualifiers of you’re choosing, then dynamically displays them on hover-over. So you can easily add footnotes to a post by wrapping them in qualifiers, then they will dynamically display in a jQuery hover popup when the user mouses-over the footnote link. There is also a settings page where you can change options like the footnote formatting.

Features

-Numbers, Words, or ANSI characters can be used as footnote reference marks
-Footnotes can be superscript, subscript, or normal text
-Footnotes can be placed in page footer or hidden
-Popup/Hover footnote can be turned on and off.

Usage

To anchor the footnote reference mark/number, use {{FOOTNOTE_NUMBER}}. Then just embrace the actual footnote text with double brackets [[FOOTNOTE_NUMBER]] Footnote text [[FOOTNOTE_NUMBER]]. The footnote text can be placed either inline or at the bottom of the post, the plugin will find them and auto place them in the footer area.

So this is what you would write in the post window…

This is my post and I want to add a footnote{{1}} in the text. By default it will appear as a superscript.

[[1]] My Footnote. [[1]]

see the plugin webpage or the screenshots for examples.

visit the sites page here

Credits

This plugin is a fork and combination of several other plugins.

PHP-
stratos at YaFootnotes and Mike Nichols

Contact

Developed by Lance Weaver.
To contact, leave a comment on the plugin website

Schermafdrukken

  • This is the backend panel. It lets you change a few options such as how you want the footnote styled, the footnote section name, and the back symbol.
  • Example of a post using footnotes. The box shown appears on mouseover.
  • Example of adding a footnote in the backend post page. You simply add the markup {{#}} & [[#]]my note[[#]] around your footnotes.

Installatie

Activate like any plugin.

For those who have never done this, the easiest way is to login to your wordpress back-end, select the “plugins” section and select “add new”. Then in the search box search for “jQuery Hover Footnotes”. It should find and display it in a list. then just click “activate” and it should automatically download and activate it. Easy as pie.

Realize you can also download the plugin manually to your computer, and use the “upload” option on that plugin install page in your wordpress backend.

enjoy.

Beoordelingen

12 augustus 2019
I recently transfered a site built in 2011 with WP 3.x to a new host. The new site is set up with WP 5.0.4. What a relief to know that I need not redo hundreds of footnotes! A thousand thanks, Anna
Lees alle 4 beoordelingen

Bijdragers & ontwikkelaars

“jQuery Hover Footnotes” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

Vertaal “jQuery Hover Footnotes” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.0

  • Added the admin panal with the user changeable options
  • Added the jQuery hover/pop up support

1.2

  • Completely changed the javascript to a new code base. (fixes positioning bugs)
  • Made some changes to the php file

1.3

  • For large footnotes (larger than 150px height of text) made popup height absolute and
    added a scrollbar. For small popups, made popup box shrink to fit text.
  • Fixed a bug with enque_script which made script not load with some php versions.

1.4

  • Changed regular expression so any text can be used as a footnote, not just numbers
  • Fixed bug in JS that made ANSI chars in footnote not work in firefox.