Erik Ford

Heavy Heavy

<p>Endnotes is a simple solution for adding footnotes to your WordPress posts or pages. The plugin originated as a fork of John Watson’s FD <a href="https://wordpress.org/plugins/fd-footnotes/" rel="ugc">Footnotes</a> but has been updated to use the WordPress Settings API. The original plugin’s usage and functionality has been retained.</p>
<h4>How to Use</h4>
<p>You can add footnotes to your posts or pages by adding numbered inline content within square brackets. Place the inline content where you would like the superscript numeral to appear.</p>
<pre><code>I am Jack's happy sentence that will contain a footnote[1. I am Jack's happy footnote] for calling out a reference.
</code></pre>
<p>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.</p>
<p>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.</p>
<h4>Square Bracket Usage</h4>
<p>Do not include square brackets inside the footnotes themselves.</p>
<h4>Unique Footnote Numbers</h4>
<p>Footnote numbers don’t need to be unique but it is highly recommended, especially if the text is identical for multiple footnotes. If you have multiple footnotes with the exact same text and number, you may get undesirable results.</p>


Endnotes

Easily add footnotes to your posts and pages.

Corrado Franco

<p>This plugin allows one to create footnotes by using markdown notation.<br />
It is for footnotes only. No other markdown tag is taken into account</p>
<p>Example:</p>
<pre><code>I have more [^1] to say up here.

[^1]: To say down here.
</code></pre>
<p>If used with jetpack and enabled markdown, it only shows the buttons without modifying the text content.<br />
Unlike jetpack-markdown, footnotes will appear in the exact point where they have been inserted. To go back to text mode click on the footnote number.</p>
<p>N.B<br />
This plugin also works with Gutenberg. But the button only appears in the Classic Editor.<br />
For now with Gutenberg enter the codes directly.</p>
<h3>Configuration</h3>
<p>No configuration is necessary.</p>
<p>Considering that this plugin, like others working with “markdown”, parsing the page every time I load it, I highly recommend using a caching plugin.</p>
<p>Customizing Footnote Layout</p>
<p>If you want the footnote number to be logically separated from the note (for CSS targeting) but want to prevent unwanted line breaks or extra spacing caused by WordPress’s automatic paragraphs, you can add the following CSS to your theme:</p>
<pre><code>/* Ensure the footnote stays inline or as a specific block */
p > span.footnote {
    display: inline-block;
}

/* Remove extra spacing from the paragraph containing the footnote */
p:has(> span.footnote) {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
</code></pre>


Blank Footnotes

Simple plugin to show footnotes using markdown notation.

Endnotes vs Blank Footnotes