Footnotation

Description

Based on the now unsupported fd-footnotes plugin, Footnotation provides
an easy way to add footnotes to your posts.

The syntax is retained from fd-footnotes which means it is natural, simple to
understand, and degrades gracefully even if the plugin is removed. Bidirectional
links are created automatically between a footnote and its position in the main
content where the footnote was referenced from so that readers can refer to
a footnote and return to their place in the text they were reading, with ease.

To make a footnote, type it inline within arbitrarily numbered square brackets:

 [7. Example footnote.]

The syntax is important. Each pair of square brackets must contain a number
followed by a full stop and a space and then have the footnote text itself.

Neither do the numbers have to be in order nor do they have to be unique. All
footnotes will be re-numbered automatically.

Settings

Show footnotes only on single posts or pages: This option hides the list of
footnotes on the main blog page but retains their numbers which will link to the
individual post/page URL directly.

Collapse footnotes until they are clicked on: This option hides footnotes
initially, expanding them only when a footnote reference is clicked on.

Match footnote marker colour to surrounding text: This option makes sure the
footnote reference marker matches the body text (academic style). The default
option is to have the footnote marker match the website’s default link colour
(web style).

NB Anything from links to formatting to images may be included inside a
footnote, except square brackets.

NB Multiple footnotes with the same text and number will leave you with incorrect
footnotes. Make sure either that all footnotes have different content or, two or
more footnotes with the same content all have different numbers.

Screenshots

  • Include footnotes with ease while writing. (The number after the square bracket can be arbitrary.)
  • Footnote marker on the frontend. (You are offered two display styles to choose from.)
  • Footnotes displayed elegantly below the article.

Installation

  1. Copy the footnotation directory into wp-content/plugins or upload footnotations.zip via the ‘Add new’ plugins option.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

Installation Instructions
  1. Copy the footnotation directory into wp-content/plugins or upload footnotations.zip via the ‘Add new’ plugins option.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Reviews

Very Easy and Nice

The #1 choice for any one who wants to make footnotes.
even a new user like me found this plugin very easy to use. the return feature is sooo cool.thanks.

Great, easy-to-use, reliable plugin!

I had used FD Footnotes for years and was apprehensive that the plugin would stop working some time in the future since the original author announced that he would not be updating it any more. So I was delighted to discover this drop-in replacement.

It works perfectly, just like the original FD Footnotes.

Kudos to V.H. Belvadi for offering this replacement. I trust that he will continue to support it. As of WordPress 4.9, the plugin works perfectly.

A truly elegant, easy-to-use solution!

Essential plugin – CSS suggestions

Thank you for continuing the now unsupported fd-footnotes plugin. This plugin ist really easy to use and works well.

Here is my CSS for minor aesthetic changes:

sup.footnote a {
text-decoration: underline;
vertical-align: super;
font-weight: bold;
font-size: 80%;
padding-left: 0.1em;
}
.footnotedivider {
width: 40%;
padding-top: 0.8em;
border-top: 1px solid #000;
}
.footnotes li {
font-size: 1.1em !important;
max-width: 490px;
margin-bottom: 1em;
}

If you want a button for showing / hiding footnotes:

.footnotes > p:nth-child(2) {
margin-top: .2em;
}

.footnoteshow {
display: inline-block;
color: #575757;
background: #f2f2f2;
margin-left: 2em;
margin-bottom: .8em;
font-size: .8em;
border: solid #d1d1d1 1px;
padding: 3px 13px 2px 13px;
text-decoration: none;
}

.footnoteshow:hover {
color: #fff;
background: #1296e8;
text-decoration: none;
}

Last thing: it is possible to translate the “Show footnotes” string editing the plugin code in WP. Updates of the plugin will destroy changes, but they won’t happen very often, I suppose.

Thank you for maintaining this plugin!

Read all 4 reviews

Contributors & Developers

“Footnotation” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Footnotation” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2

  • Front-end php notices corrected
  • Minor code improvements
  • With contributions by Mista-Flo

1.1

  • Plugin icons added
  • Now on github ~ https://github.com/vhbelvadi/Footnotation

1.0

  • New options and styling added
  • Initial fork off fd-footnotes