C. Johnson

Footnotes for WordPress is a simple plugin designed with a simple aim in mind: to make 
it dead-easy to include decently-formatted footnotes in posts and pages on your 
WordPress blog.
The syntax is roughly based on the common MediaWiki syntax for footnotes, but uses the 
WordPress shortcode conventions. So, to include a footnote with the text “Text,” you use:
<pre><code>This is footnoted.[ref]Text[/ref]
</code></pre>
And that’s all you need to do. When you add a footnote, Footnotes for WordPress will 
create a note marker at the point that the foonote appears in the text, and includes 
the text of the footnote in a styled list of notes down the page. When a reader clicks 
on the link in a JavaScript-enabled browser, a script included with the plugin will 
create a small bubble inline in the text, which pops up over the footnote marker for 
easy reading without losing their place. In non-JavaScript-enabled contexts, clicking 
on the footnote marker jumps down the page to the text of the note.
The jump is based on an unique anchor which the plugin can automatically generate for 
you. However, if you want to create a specific ID of your own for the footnote, you 
can do so using the <code>name="..."</code> attribute:
<pre><code>This is footnoted.[ref name="my-unique-id-1"]Text[/ref]
</code></pre>
If you define an ID for a footnote, you can also refer back to the same footnote 
later on in the document, using the <code>[backref name="..."]</code> shortcode.
<pre><code>This is footnoted.[ref name="source1"]Source 1[/ref]

So is this.[ref name="source2"]Source[/ref]

And this one comes from the same source as the first.[backref name="source1"]
</code></pre>
Footnotes are numbered, beginning at 1. However, you can change the numbering if you 
so desire using the <code>number="..."</code> attribute. For example, I often use this when 
quoting from a book that contains footnotes or endnotes, in order to represent the 
notes used by the original text.
<pre><code>This is footnoted, but footnotes begin at number 42.[ref number="42"]...[/ref]
</code></pre>
You can change the text that is displayed in the note’s superscripted link from the 
note’s number to any text or symbol that you choose using the <code>superscript="..."</code> 
attribute. For example, to use an asterisk instead of the note number:
<pre><code>This is footnoted with a good old asterisk.[ref superscript="*"]...[/ref]
</code></pre>
By default, the list of footnotes appears at the bottom of the post. However, if you 
wish them to appear somewhere above the bottom of the post, for formatting or other 
reasons, you can do so using the <code>[references/]</code> shortcode:
<pre><code>This is footnoted.[ref]Text[/ref]

As are some[ref]Text[/ref] other things.

[references/]

See also: Endnotes.
</code></pre>
Which will cause the two footnotes to appear beneath the second paragraph but above 
the “See also:” text.
<h3>Usage</h3>
<ul>
<li>
To create a footnote, use <code>[ref]...[/ref]</code> to wrap the text of your note.
Example: <code>This is footnoted.[ref]This is the text of the of the footnote.[/ref]</code>
</li>
<li>
Normally footnotes use numbered superscripts to indicate the footnote, beginning 
with 1. You can choose to use symbols instead, like *, **, †, etc. To use custom 
text for a footnote’s superscript, use <code>[ref superscript="*"]...[/ref]</code>, and 
replace the asterisk with whatever symbol or text you want to use.
</li>
<li>
Normally footnotes begin at 1 and count up towards infinity. If you want to use 
numbered subscripts but need to reset the number they count from, use the <code>number</code> 
attribute. For example, if you want the current subscript to be numbered 128, and 
for subsequent subscripts to be numbered 129, 130, etc., use: 
 [ref number=”128″]…[/ref].
</li>
<li>
To create a footnote with a specific unique ID, instead of the one that the plugin 
will automatically generate for you, use <code>[ref name="..."]...[/ref]</code>
Example: <code>This is footnoted.[ref name="my-unique-id"]This is the note text.[/ref]</code>
</li>
<li>
If you define an ID for a footnote, you can also refer back to the same 
footnote later on in the document, using the <code>[backref name="..."]</code> 
shortcode.
This is footnoted.[ref name=”source1″]Source 1[/ref]
So is this.[ref name=”source2″]Source[/ref]
And this one comes from the same source as the first.[backref name=”source1″]
</li>
<li>
To force the plugin to display notes at a different location instead of at the bottom 
of the post, use <code>[references/]</code>
Example:
This is footnoted.[ref]Text[/ref]
As are some[ref]Text[/ref] other things.
[references/]
See also: Endnotes.
</li>
<li>
If you wish to change how footnotes are styled, you can alter them in your 
WordPress theme stylesheet, or using JavaScript. The default elements and 
classes are <code><a class="footnoted"></code> for superscript links to footnotes,
</li>
</ul>
<
ol class=”footnotes”> for the list of references, and
<li> for each individual footnote. So, for example, to 
 display footnotes at the bottom in a simple list, rather than in individual 
 boxes with “Note” headers, add the following line to your Theme stylesheet:</li>

<pre><code> ol.footnotes li {
 background: transparent !important;
 padding: 0px !important;
 border: none !important;
 margin: 0.5em 2em !important;
 }

The use of `!important` will ensure that it overrides the default styles
set up by the plugin.
</code></pre>
<ul>
<li>
Alternatively, if you want to change the CSS class which is applied to to 
the footnotes list, you can do so using the <code>class</code> parameter on 
 [references/]:
<pre><code>This is a test.[ref]Lewis (2000).[/ref]

<h3>Notes</h3>

[references class="compact" /]
</code></pre>
… which will produce the following HTML:
<pre><code>This is a test.[<a href="#test-n-1" class="footnoted"
id="to-test-n-1">1</a>]

<h3>Notes</h3>
<ol class="compact">
<li class="footnote" id="test-n-1">[1] Lewis
(2000). <a class="note-return" href="#to-test-n-1">↩</a></li
></ol>
</code></pre>
Since the default styling is based on children of <code>ol.footnotes</code>, those 
styles will not apply, and you can apply whatever styles you wish to the 
class that you’ve created.
<h3>Changes from version 2010.0309 to version 2010.0822</h3>
</li>
<li>
Added <code>[backref name="..." /]</code> shortcode allowing you to refer back to a note with an established name
</li>
<li>
Eliminated a bug which caused duplicate IDs if you tried to set up multiple sections of footnotes in the same post using repeated <code>[references/]</code> codes.
</li>
<li>
Added <code>[references class="foo" /]</code> syntax, allowing user to supply their own class for CSS re-styling purposes.
</li>
<li>
Tested for and verified compatibility up to WordPress 3.0.1 and WordPress trunk.
</li>
</ul>
<h3>Changes from version 2010.0306 to version 2010.0309</h3>
<ul>
<li>Eliminates a harmless but potentially annoying source of “Missing argument” warnings from PHP</li>
</ul>

Footnotes for WordPress

Footnotes for WordPress enables easy-to-use fancy footnotes for WordPress posts.

David Artiss

Patrick Lumumba

Divi Banks

Stoil Dobreff

Christopher Ocen

vikmark

Milimo Emmanuel

Footnotes Made Easy is a simple but powerful plugin for adding footnotes to your WordPress posts and pages. Wrap any text in double parentheses, and it becomes a footnote; automatically numbered, linked, and displayed at the bottom of your content.
Full documentation is available at <a href="https://docs.altvisewp.com/footnotes-made-easy/" rel="nofollow ugc">docs.altvisewp.com/footnotes-made-easy</a>
Key features:
<ul>
<li>Simple inline syntax — wrap text in <code>(( ))</code> to create a footnote anywhere in a post or page</li>
<li>Combine identical footnotes automatically</li>
<li>Paginated post support with manual start number control</li>
<li>Reference a previous footnote by number using <code>((ref:1))</code></li>
<li>Pretty tooltips — show footnote content on hover using jQuery</li>
<li>Suppress footnotes on specific page types (home, archives, search, feeds)</li>
<li>Exclude footnotes from specific post categories or custom URLs</li>
<li>Dashboard with live usage stats; footnote counts across all posts and pages</li>
<li>Export/import Footnotes Made Easy settings across different sites</li>
<li>Multisite support; network-managed mode or per-subsite override</li>
<li>Compatible with the Classic Editor and the Gutenberg block editor</li>
<li>Lots of configuration options</li>
</ul>
Footnotes Made Easy is a fork of <a href="https://github.com/drzax/wp-footnotes" title="Github - wp-footnotes" rel="nofollow ugc">WP Footnotes</a>, a plugin by Simon Elvery.
For the latest code, planned enhancements and known issues, visit the <a href="https://github.com/altvisewp/footnotes-made-easy/" title="Github" rel="nofollow ugc">GitHub page</a>.
<h3>Getting Started</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Bl9p2-lSZMU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Creating a footnote is simple; wrap your footnote text in double parentheses:
<pre><code>This is a sentence ((and this is your footnote)).
</code></pre>
The footnote will appear at the bottom of your post or page, automatically numbered and linked.
Important: Include a space before your opening double parentheses or the footnote will not work.
<h3>Settings</h3>
The settings page is organised into four tabs:
<ul>
<li>Display — Control footnote identifier style, back-link format, header and footer text, and tooltip behaviour.</li>
<li>Behaviour — Configure combining identical footnotes, back-link position, and processing priority.</li>
<li>Suppress — Choose which page types (home, archives, search, feeds, previews) should not display footnotes. Also suppress by post type and exclude footnotes from specific URLs or post categories</li>
<li>Advanced — Change the opening and closing delimiters.</li>
</ul>
<h3>Paginated Posts</h3>
By default, each page of a paginated post restarts footnote numbering from 1. To maintain a continuous sequence, add a start number tag between each <code></code> marker:
<pre><code>
</code></pre>
Replace <code>5</code> with the number you want the first footnote on that page to start at.
<h3>Referencing</h3>
To reference a previous footnote a second time, you can either repeat the exact same text (recommended — works with the Combine Identical Footnotes option) or use the number reference syntax:
<pre><code>((ref:1))
</code></pre>
Note: number referencing does not work across pages in a paginated post, and risks pointing to the wrong footnote if new footnotes are inserted before it. The exact-text method is more robust.
<h3>Multisite Support</h3>
On WordPress multisite networks, the plugin can be configured from the network admin in two modes:
<ul>
<li>Network managed — all settings controlled centrally; the Footnotes menu is hidden from subsite admins</li>
<li>Subsite override — each subsite admin can manage their own footnote settings independently</li>
</ul>
<h3>Available in 8 Languages</h3>
Footnotes Made Easy is fully internationalised and ready for translation.
Thanks to the following translators:
<ul>
<li><a href="https://profiles.wordpress.org/dartiss/" rel="nofollow ugc">David Artiss</a>, English (UK)</li>
<li><a href="https://profiles.wordpress.org/markscottrobson/" rel="nofollow ugc">Mark Robson</a>, English (UK)</li>
<li><a href="https://profiles.wordpress.org/yayannabelle/" rel="nofollow ugc">Annabelle W</a>, English (UK)</li>
<li><a href="https://profiles.wordpress.org/maboroshin/" rel="nofollow ugc">maboroshin</a>, Japanese</li>
<li><a href="https://profiles.wordpress.org/wplmillet/" rel="nofollow ugc">Laurent MILLET</a>, French (France)</li>
<li><a href="https://profiles.wordpress.org/cansmile/" rel="nofollow ugc">B. Cansmile Cha</a>, Korean</li>
<li><a href="https://profiles.wordpress.org/danbilabs/" rel="nofollow ugc">danbilabs</a>, Korean</li>
<li><a href="https://profiles.wordpress.org/danbilabs/" rel="nofollow ugc">denelan</a>, Dutch</li>
<li><a href="https://profiles.wordpress.org/psmits1567/" rel="nofollow ugc">Peter Smits</a>, Dutch</li>
<li><a href="https://profiles.wordpress.org/nekojonez/" rel="nofollow ugc">Pieterjan Deneys</a>, Dutch (Belgium)</li>
<li><a href="https://profiles.wordpress.org/alexvgrey/" rel="nofollow ugc">Alex Grey</a>, Russian</li>
</ul>
To add a translation, visit the <a href="https://translate.wordpress.org/projects/wp-plugins/footnotes-made-easy" title="Translating WordPress" rel="nofollow ugc">Translating WordPress</a> page.

Footnotes Made Easy


Amazing work and great that the developer continued the former footnotes plugin - very much appreciate it. The plugin works like a charm. THANKS!


GREAT


Adding footnotes is really easy, and they have nice links that go back to the footnote in the post.


Makes it really easy to create footnotes


Happy with this plugin as a seamless replacement for an old footnotes plugin that had stopped working with php8.


Works great

This plugin was great. Then the original developer got busy and passed it to another developper, who in months hasn't fixed small bugs that users takes the time to report, claims to be PHP 8.2 compliant, which is not. I believe the new owner was the wrong choice.

Plugin not updated anymore

Allows post authors to easily add and manage footnotes in posts and pages.

Footnotes for WordPress vs Footnotes Made Easy