C. Johnson

<p>Footnotes for WordPress is a simple plugin designed with a simple aim in mind: to make<br />
it dead-easy to include decently-formatted footnotes in posts and pages on your<br />
WordPress blog.</p>
<p>The syntax is roughly based on the common MediaWiki syntax for footnotes, but uses the<br />
WordPress shortcode conventions. So, to include a footnote with the text “Text,” you use:</p>
<pre><code>This is footnoted.[ref]Text[/ref]
</code></pre>
<p>And that’s all you need to do. When you add a footnote, Footnotes for WordPress will<br />
create a note marker at the point that the foonote appears in the text, and includes<br />
the text of the footnote in a styled list of notes down the page. When a reader clicks<br />
on the link in a JavaScript-enabled browser, a script included with the plugin will<br />
create a small bubble inline in the text, which pops up over the footnote marker for<br />
easy reading without losing their place. In non-JavaScript-enabled contexts, clicking<br />
on the footnote marker jumps down the page to the text of the note.</p>
<p>The jump is based on an unique anchor which the plugin can automatically generate for<br />
you. However, if you want to create a specific ID of your own for the footnote, you<br />
can do so using the <code>name="..."</code> attribute:</p>
<pre><code>This is footnoted.[ref name="my-unique-id-1"]Text[/ref]
</code></pre>
<p>If you define an ID for a footnote, you can also refer back to the same footnote<br />
later on in the document, using the <code>[backref name="..."]</code> shortcode.</p>
<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>
<p>Footnotes are numbered, beginning at 1. However, you can change the numbering if you<br />
so desire using the <code>number="..."</code> attribute. For example, I often use this when<br />
quoting from a book that contains footnotes or endnotes, in order to represent the<br />
notes used by the original text.</p>
<pre><code>This is footnoted, but footnotes begin at number 42.[ref number="42"]...[/ref]
</code></pre>
<p>You can change the text that is displayed in the note’s superscripted link from the<br />
note’s number to any text or symbol that you choose using the <code>superscript="..."</code><br />
attribute. For example, to use an asterisk instead of the note number:</p>
<pre><code>This is footnoted with a good old asterisk.[ref superscript="*"]...[/ref]
</code></pre>
<p>By default, the list of footnotes appears at the bottom of the post. However, if you<br />
wish them to appear somewhere above the bottom of the post, for formatting or other<br />
reasons, you can do so using the <code>[references/]</code> shortcode:</p>
<pre><code>This is footnoted.[ref]Text[/ref]

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

[references/]

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

<h3>Notes</h3>

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

<h3>Notes</h3>
<ol class="compact">
<li class="footnote" id="test-n-1"><strong><sup>[1]</sup></strong> Lewis
(2000). <a class="note-return" href="#to-test-n-1">↩</a></li
></ol>
</code></pre>
<p>Since the default styling is based on children of <code>ol.footnotes</code>, those<br />
styles will not apply, and you can apply whatever styles you wish to the<br />
class that you’ve created.</p>
<h3>Changes from version 2010.0309 to version 2010.0822</h3>
</li>
<li>
<p>Added <code>[backref name="..." /]</code> shortcode allowing you to refer back to a note with an established name</p>
</li>
<li>
<p>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.</p>
</li>
<li>
<p>Added <code>[references class="foo" /]</code> syntax, allowing user to supply their own class for CSS re-styling purposes.</p>
</li>
<li>
<p>Tested for and verified compatibility up to WordPress 3.0.1 and WordPress trunk.</p>
</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.

Hendrik Luehrsen

WP Munich

<p>This Plugin introduces practical citation functionality to the WordPress Block Editor, aiming to streamline the process of adding references to your content.</p>
<h3>Features</h3>
<ol>
<li><strong>Cite Rich Text Format</strong>: This feature lets users mark citations in their text and assign them a specific source. This makes adding citations straightforward, enhancing the clarity and reliability of your content.</li>
<li><strong>Bibliography Block</strong>: This plugin also offers a bibliography block that displays all referenced sources. The plugin creates links between your in-text citations and their corresponding sources in the bibliography block, making it easier for readers to find and check your references.</li>
</ol>
<h3><a href="https://playground.wordpress.net/?plugin=citations&url=/wp-admin/post-new.php" rel="nofollow ugc">Try now on WordPress Playground!</a></h3>
<h3>How to use</h3>
<h3>Creating In-Text Citations</h3>
<ol>
<li>Navigate to the Posts section of your WordPress dashboard.</li>
<li>Click on the Add New button to create a new post, or select an existing post where you want to add citations.</li>
<li>Type your content into the WordPress Block Editor.</li>
<li>To add a citation, first highlight the text that you want to cite.</li>
<li>With the text still highlighted, find and click on the “Cite” format from the rich text format toolbar.</li>
<li>A pop-up will appear asking you to define your source. Input the source information into the fields provided.</li>
</ol>
<h3>Adding a Bibliography Block</h3>
<ol>
<li>Click on the + icon in the editor toolbar to add a new block to your post.</li>
<li>Search for “Bibliography” in the block search bar.</li>
<li>Click on the Bibliography block to add it to your post.</li>
<li>The Bibliography block will automatically populate with the sources of all the in-text citations you’ve added to your post. Each citation in the text is linked to its corresponding source in the bibliography, allowing readers to easily check your references.</li>
</ol>
<h3>Editing Citations and Sources</h3>
<ol>
<li>To edit a citation or source, click on the citation in the text.</li>
<li>Make the necessary changes in the pop-up that appears.</li>
<li>Click on Save or Update to apply your changes.</li>
</ol>
<h3>Using the Demo-Pattern</h3>
<ol>
<li>Click on the + icon in the editor toolbar to add a new pattern to your post.</li>
<li>Search for “Citations Demo” in the pattern search bar.</li>
<li>Click on the “Citations Demo” pattern to add it to your post.</li>
<li>A few lines of filler text with pre-defined citations and a bibliography block will appear in your post content.</li>
</ol>
<h3>Contributing</h3>
<p>If you are a developer, we encourage you to follow along or <a href="https://github.com/luehrsenheinrich/wpm-citations" rel="nofollow ugc">contribute</a> to the development of this plugin <a href="https://github.com/luehrsenheinrich/wpm-citations" rel="nofollow ugc">on GitHub</a>.</p>


Citations


Excellent plugin and fairly easy to use. This improves my citations and means I don't have to simply write HTML code in a custom block to get them working.


Always wanted better citations

This Plugin introduces practical citation functionality to the WordPress Block Editor, aiming to streamline the process of adding references to your c …

Footnotes for WordPress vs Citations