Footnotes Reloaded

Based on the truly excellent work of John Watson – if you are looking for a no
muss, no fuss footnote generator, I would recommend the following:

The truly excellent original plugin

Add elegant looking footnotes to your posts simply and naturally

However, if you are looking for something with a little bit more interaction and customisation possibilities, then I would recommend my footnote-reloaded plugin.

An elegant and easy solution to add footnotes to your posts and pages. With options to utilise smooth scrolling with visual effects to clearly mark the to and from positions.

Additionally, on the administrative options panel to easily add HTML both before and after the footnotes are rendered to the screen.


NOTE: This documentation is taken from the original author’s README file – see ‘Extensions’ for new additions

This plugin provides an extremely easy way to add elegant looking footnotes to your posts. The syntax is natural, simple to understand, and degrades gracefully if the plugin is removed. Footnotes are linked unobtrusively and the note itself links back to the original text where the footnote is referenced.

Adding footnotes to a post is simple. Just type them inline in your post in square brackets like this:

[1. This is a footnote]

Each footnote must have a number followed by a period and a space and then the actual footnote. They don’t have to be unique but it is recommended. It doesn’t matter what the numbers are since the footnotes will be automatically renumbered when the post is displayed.

For the following markup:

Which creates nice footnotes[1. See how easy it was]

Would look like this:

Which creates nice footnotes1

Footnotes can contain anything you’d like including links, images, etc. Footnotes are automatically linked back to the spot in the text where the note was made.

Note: Do not include square brackets [] inside the footnotes themselves.

Note: Footnote numbers don’t need to be unique but it is recommended, especially if the text is identical for multiple footnotes. If you have multiple footnotes with the exact same text and number then you’ll get weird and incorrect footnotes on your post.


A new administration options screen has been added which will appear under the Settings -> Footnotes Reloaded menu item.

It allows the user to customise the following:

  1. add content to be included before the footnotes start
  2. add content to be included after the footnotes end
  3. add an option to enable smooth scrolling to and from the footnotes. This
    will also pulsate the footnote, or the reference to give a visual cue as
    to what part of the page the user came from, or is going to.

On this site, as you may have noticed – I have enabled smooth scrolling (with a pulsate effect) to show off the new footnotes.


For the smooth scrolling you will need to have the wp-scriptaculous plugin installed, which is originally available from here:

However, this is now out of date and I have repackaged the plugin with the updated scriptaculous and prototype files which can be found here:

If the wp-scriptaculous is not installed, then the smooth scrolling option will
not be activated.


Part One – Install the wp-scriptaculous plugin

  1. Download the plugin from the link above
  2. unzip the file
  3. copy the wp-scriptaculous directory into wp-content/plugins
  4. Activate the plugin through the ‘Plugins’ menu in WordPress

Part Two – Install the footnotes-reloaded plugin

  1. Download the Footnotes Reloaded plugin version 1.1! »
  2. unzip the file
  3. Copy the footnotes-reloaded directory into wp-content/plugins
  4. Activate the plugin through the ‘Plugins’ menu in WordPress

Version History

  • November 10, 2008: Version 1.1 released.
  • November 4, 2008: Version 1.0 released.

testing of footnotes


  1. See how easy it was

Like my footnotes?
Want to add footnotes to your blog?
They can be added easily to your WordPress installation