yutonet

<p>Advanced Footnotes lets you add footnotes on articles via shortcodes. Advanced Footnotes is is extremely customizable, therefore it can be implemented on any theme.</p>
<p>With its internal functions, you can also implement Advanced Footnotes on your own theme in any form you like.</p>
<p>Main Features:</p>
<ul>
<li>Easy & flexible implementation.</li>
<li>Implemented WYSIWYG editor button.</li>
<li>Footnotes  can be implemented with shortcode or function.</li>
<li>Animated scroll effect (can be disabled)</li>
<li>Lightweight CSS (can be disabled)</li>
<li>Custom CSS styling</li>
<li>Dynamically changeable interface options (JS can be fully disabled)</li>
</ul>
<p>Usage</p>
<h3>Inserting a Footnote:</h3>
<p>In order to insert a footnote, you can either use the “Insert Footnote” button added on your WYSIWYG editor, or use the [footnote]your-footnote-here[/footnote] shortcode.</p>
<h3>Shortcode Parameters:</h3>
<p><em>“type”:</em> Determines the type of the reference. <strong>Options:</strong> <em>numeric</em> / <em>non-numeric</em>.</p>
<h3>Listing Footnotes:</h3>
<p>You can display the footnotes in two methods:</p>
<h3>Listing by Shortcode:</h3>
<p>By simply inserting the <em>[footnotes]</em> shortcode in your post content, you can display footnotes wherever you want in your posts.</p>
<h4>Shortcode Parameters:</h4>
<p><em>“title”:</em> Determines the title for the footnotes list. Default value can be set through plugin settings.</p>
<h4>Shortcode Usage:</h4>
<pre><code>[footnotes title="My Custom Footnotes Title"]
// or
[footnotes title="false"]
</code></pre>
<h3>Listing by Theme Inclusion:</h3>
<p>You can print the footnotes by calling <em>print_refs</em> function from the advanced_footnotes class.</p>
<h4>Simple Function Usage:</h4>
<pre><code>call_user_func(array('advanced_footnotes', 'print_refs'));
</code></pre>
<h4>Additional Parameters:</h4>
<ul>
<li>First parameter: “Print”, whether print or return the footnotes content. (Default: “true”)</li>
<li>Second parameter: “Title”, determines the title for the footnotes content. (Default: “false”)</li>
</ul>
<h4>Function Usage with Parameters:</h4>
<pre><code>$footnotes = call_user_func_array(array('advanced_footnotes', 'print_refs'), array(false, 'Custom Footnotes Title'));<h3>Plugin Options:</h3>
</code></pre>
<p>You can access the plugin options through “Options/Advanced Footnotes”.</p>
<ul>
<li><strong>Include Plugin CSS:</strong> Determines whether to include the default plugin css files. Disable this if you want to re-style the plugin within your theme.</li>
<li><strong>Custom CSS:</strong> Provides a field for custom CSS styling.</li>
<li><strong>Include Plugin JS:</strong> Determines whether to include the plugin javascript files on the theme output. Disable this if you want to customize plugin interactions or just to use native HTML anchors.</li>
<li><strong>Default Title for Footnotes:</strong> Sets the default title used on the “[footnotes]” shortcode.</li>
<li><strong>Footnote Symbol:</strong> Sets the symbol used for non-numeric footnotes.</li>
<li><strong>Disable JS Options:</strong> Determines whether to apply options to the plugin JS files or not.</li>
<li><strong>Footnotes Scroll Gap:</strong> This sets the scroll margin when clicked on a footnote. Set this when you have a fixed header or any other element blocking some part of the window area.</li>
<li><strong>Footnote Scroll Speed:</strong> Sets the animation speed when a footnote is clicked. Set 0 for no animation.</li>
</ul>
<h3>HTML Structure & Classes</h3>
<h3>Anchors:</h3>
<h4>Numeric Anchor:</h4>
<pre><code><a id="{unique id}" class="afn-footnotes-ref hook numeric" name="{unique id}" href="#{unique id of the reference}">{number - automatically incremented by the order}</a>
</code></pre>
<h4>Non-numeric Anchor:</h4>
<pre><code><a id="{unique id}" class="afn-footnotes-ref hook non-numeric" name="{unique id}" href="#{unique id of the reference}">footnote symbol</a>
</code></pre>
<h3>References:</h3>
<p>Non-numbered references are listed before the numbered references on the list.</p>
<pre><code>
<div class="afn-footnotes">

    
    <h3 class="afn-footnotes-title">{Title}</h3>

    
    <ul class="afn-footnotes-list">

        
        <li class="footnote-item afn-textarea">
            <a id="{unique id}" class="afn-footnotes-ref reference non-numeric" name="{unique id}" href="#{unique id of the anchor}">{footnote symbol}</a>
        </li>

        
        <li class="footnote-item afn-textarea">
            <a id="{unique id}" class="afn-footnotes-ref reference numeric" name="{unique id}" href="#{unique id of the anchor}">{number - automatically incremented by the order}</a>
        </li>

    </ul>

</div>
</code></pre>
<p>Known Issues</p>
<ul>
<li>WYSIWYG Button doesn’t work on the plugin <a href="https://wordpress.org/plugins/tinymce-advanced/" rel="ugc">TinyMCE Advanced</a> (and probably on some other -WYSIWYG editor modifying- plugins).</li>
</ul>
<p>Contribution</p>
<p><a href="https://github.com/yutonet/wp_advanced_footnotes" rel="nofollow ugc">https://github.com/yutonet/wp_advanced_footnotes</a></p>

Advanced Footnotes

Advanced Footnotes lets you add footnotes on articles via shortcodes.

writerspress

<p>CiteKit is a WordPress citation and footnotes plugin that lets you add APA, MLA, Chicago, and Harvard citations, generate bibliographies, and manage references across your site.</p>
<p>Add structured in-text citations and footnotes using simple shortcodes like [cite] or Gutenberg blocks. Automatically generate a formatted bibliography at the end of any post using [bibliography] or the Bibliography by CiteKit block.</p>
<p>Create reusable references with custom IDs like [cite id=”who-2024″], or let CiteKit assign them automatically. Citations are linked to your bibliography with numbered markers ([1], [2], etc.) for a clean, academic-style experience.</p>
<p>Use the built-in Reference Library to track, audit, and manage all citations and references across your site. Monitor link status, keep sources up to date, and maintain a consistent, credible content structure.</p>
<p>Perfect for bloggers, publishers, and content creators who want a complete citation, footnotes, and bibliography system inside WordPress.</p>
<h3>Related Citation Tools</h3>
<ul>
<li><a href="https://citekit.com/bibliography-generator/" rel="nofollow ugc">Bibliography Generator</a></li>
<li><a href="https://citekit.com/cite-book-apa/" rel="nofollow ugc">Cite a Book in APA</a></li>
<li><a href="https://citekit.com/cite-youtube-mla/" rel="nofollow ugc">Cite a YouTube Video in MLA</a></li>
<li><a href="https://citekit.com/cite-journal-harvard/" rel="nofollow ugc">Cite a Journal in Harvard</a></li>
<li><a href="https://citekit.com/cite-website-mla/" rel="nofollow ugc">Cite a Website in MLA</a></li>
<li><a href="https://citekit.com/cite-report-ieee/" rel="nofollow ugc">Cite a Report in IEEE</a></li>
</ul>
<h3>Features</h3>
<p><strong>Inline Citation, Tooltip & Footnote Formats in Block Editor:</strong> Use the CiteKit Citation, Tooltip, and Footnote buttons on the block toolbar to insert and manage inline citations, hover tooltips, and numbered footnotes directly within any paragraph, heading, list, or quote block. Click an existing inline badge to open it for editing, or place your cursor and click the toolbar button to insert a new one — no separate block needed for the inline markers.</p>
<p><strong>Inline [cite] Shortcode with Auto-ID</strong><br />
Insert citations directly into post content using [cite]. Unique IDs are automatically assigned on first save, or set a custom human-readable ID with [cite id=”who-2024″].</p>
<p><strong>CiteBox — Post-Level Citation Editor</strong><br />
A dedicated metabox in the post and page editor shows every citation in the current post. Fill in author, title, year, and URL without leaving the editor. Fields save instantly via AJAX and metadata is shared across all posts that reference the same ID.</p>
<p><strong>Bibliography Block & Shortcode</strong><br />
Insert a formatted, backlinked bibliography anywhere in your content using the native Bibliography by CiteKit block or the [bibliography] shortcode. Entries are ordered by appearance in the post, each with a back-reference to its inline citation, and style and heading are configurable per block or per shortcode.</p>
<p><strong>Manual Bibliography Composition</strong><br />
Create a standalone bibliography with [bibliography title=”References”] Source 1 ; Source 2 [/bibliography] — ideal for static lists or non-[cite] workflows.</p>
<p><strong>Numbered Footnotes with Hover + List</strong><br />
Add true footnotes with [footnote]…[/footnote] or the Footnote toolbar button. Each footnote is auto-numbered in order of appearance and renders as a superscript marker with a hover popup. Add [footnotes] or the Footnotes by CiteKit block at the end of your post to render the full numbered list with back-links to each marker. Explicit list mode also supported: [footnotes]Note one; Note two; Note three[/footnotes].</p>
<p><strong>Reference Library</strong><br />
A central admin page listing every citation used across your site. Citations appear in the library the moment they are inserted into any post or page. See which posts use each reference, sort and filter by status, and manage everything from one place.</p>
<p><strong>Link Health Checker</strong><br />
Check whether your source URLs are still reachable. Each reference is marked Live, Broken, or Unchecked. Results are saved per citation so you can spot dead links before your readers do.</p>
<p><strong>Multiple Citation Style Support</strong><br />
Output in APA, MLA, Chicago (Author-Date and Notes-Bibliography), Harvard, or IEEE using [bibliography style=”apa|mla|chicago-ad|chicago-nb|harvard|ieee”].</p>
<p><strong>Default Style Setting</strong><br />
Set your preferred citation style and bibliography heading once in Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> CiteKit. All [bibliography] shortcodes and Bibliography blocks site-wide use this default unless overridden per post.</p>
<p><strong>Tooltip-Style Inline Notes</strong><br />
Add inline definitions and asides with [tooltip]…[/tooltip] or the Tooltip toolbar button. For underline-style tooltips, the <code>tip</code> attribute holds the visible inline term and the content between the tags holds the definition shown on hover — e.g. [tooltip tip=”FOSS”]Free and Open Source Software[/tooltip]. Default style is dashed; use style=”dotted” for a dotted underline. For superscript-symbol markers, use style=”<em>” (or †, ‡, §, ¶, or any short string) where the shortcode content becomes the popup: [tooltip style=”</em>“]Aside text here[/tooltip].</p>
<h3>CiteKit Blocks & Formats</h3>
<p><strong>Bibliography by CiteKit</strong> — available in the CiteKit category in the block inserter. Renders a formatted, backlinked bibliography for the current post. Configure citation style and heading in the block sidebar.</p>
<p><strong>Footnotes by CiteKit</strong> — available in the CiteKit category in the block inserter. Renders the numbered footnote list collected from [footnote] shortcodes or CiteKit Footnote toolbar tokens earlier in the post. Place at the end of your post. Configure heading in the block sidebar. Distinct from WordPress core’s built-in Footnotes block (added in WP 6.3) — CiteKit’s version adds hover popups on markers, explicit list mode, custom heading, and integration with the rest of the CiteKit system.</p>
<p><strong>Citation Format</strong> — the CiteKit Citation button on the block toolbar. Click an existing citation badge to open its reference details for editing, or place your cursor and click the button to insert a new one. Enter the citation ID and reference details in the block options panel.</p>
<p><strong>Tooltip Format</strong> — the CiteKit Tooltip button on the block toolbar. Choose a style (dashed underline, dotted underline, or symbol marker), enter the Term (the visible inline word) and the Definition (shown on hover). Click an existing tooltip badge to edit.</p>
<p><strong>Footnote Format</strong> — the CiteKit Footnote button on the block toolbar. Enter your footnote text; a superscript number is inserted at the cursor and the text appears both on hover and in the Footnotes list at the end of the post. Click an existing footnote badge to edit.</p>
<h3>CiteKit Shortcodes</h3>
<h4>Inline Citations</h4>
<ul>
<li>[cite] — Inline citation with auto-generated UUID</li>
<li>[cite id=”custom-id”] — Inline citation with a user-defined ID</li>
</ul>
<h4>Bibliography</h4>
<ul>
<li>[bibliography] — Auto-generated bibliography for the current post</li>
<li>[bibliography style=”mla” title=”Article Sources”] — Override style and heading per post</li>
<li>[bibliography style=”chicago-ad”] — Override style only; heading uses your site default</li>
<li>[bibliography] Smith, 2026; John Jacobs, The Red Roof, 2021 [/bibliography] — Manual entry list</li>
</ul>
<h4>Tooltips</h4>
<ul>
<li>[tooltip tip=”Term”]Definition[/tooltip] — Dashed underline tooltip (default): <code>tip</code> is the visible term, content is the popup definition</li>
<li>[tooltip style=”dotted” tip=”Term”]Definition[/tooltip] — Dotted underline variant</li>
<li>[tooltip style=”*”]Popup content[/tooltip] — Symbol-marker tooltip (also: †, ‡, §, ¶, or any short string) — content becomes the popup</li>
</ul>
<h4>Footnotes</h4>
<ul>
<li>[footnote]Note text[/footnote] — Numbered superscript footnote with hover popup; numbered in order of appearance per post</li>
<li>[footnotes] — Render the full numbered footnote list at this position (usually end of post)</li>
<li>[footnotes title=”Notes”] — Render the list with a custom heading</li>
<li>[footnotes]Note one; Note two; Note three[/footnotes] — Render an explicit numbered list without using [footnote] markers</li>
</ul>
<p>Supported bibliography styles: apa, mla, chicago-ad, chicago-nb, harvard, ieee</p>


CiteKit – Footnotes, Tooltips, Citations, Bibliography & References Manager

Add citations, numbered footnotes, tooltips, and bibliographies to your WordPress content. Manage all your references in one place and generate APA, M …

Advanced Footnotes vs CiteKit – Footnotes, Tooltips, Citations, Bibliography & References Manager