writerspress

<p>CiteKit – Citations Manager makes it easy to add professional in-text citations to your WordPress content using simple [cite] shortcodes. Automatically generate a bibliography at the end of your post with [bibliography], styled in APA, MLA, Chicago, Harvard, and other major formats.</p>
<p>Use the built-in Citation Library to:<br />
+ Track every citation used across posts<br />
+ Edit citation details (author, title, year, URL)</p>
<p>Perfect for bloggers, educators, journalists, and researchers who need clean, consistent citation formatting.</p>
<h3>Features</h3>
<ul>
<li>
<p><strong>Inline [cite] Shortcode with Auto-ID</strong><br />
Insert citations directly into post content using [cite]. Unique citation IDs are automatically generated, or set manually with [cite id=”my-custom-id”].</p>
</li>
<li>
<p><strong>Post-Level Citation Editor (Citebox)</strong><br />
View and edit all citations associated with a post from a dedicated metabox. Modify author, title, year, or URL without leaving the editor screen.</p>
</li>
<li>
<p><strong>Centralized Citation Library Dashboard</strong><br />
Manage all citations across your entire site in one place. Search, filter, and update entries inline to ensure consistency sitewide.</p>
</li>
<li>
<p><strong>Auto-Generated Bibliography</strong><br />
Use the [bibliography] shortcode to automatically output a formatted bibliography for the current post. Entries are ordered and backlink to their corresponding in-text references.</p>
</li>
<li>
<p><strong>Manual Bibliography Composition</strong><br />
Create a standalone bibliography using [bibliography title=”References”] Source 1 ; Source 2 ; Source 3 [/bibliography] — ideal for static lists or non-[cite] workflows.</p>
</li>
<li>
<p><strong>Multiple Citation Style Support</strong><br />
Output citations in APA, MLA, Chicago (Author-Date and Notes), Harvard, or IEEE styles using [bibliography style=”apa|mla|chicago-ad|chicago-nb|harvard|ieee”].</p>
</li>
<li>
<p><strong>Tooltip-Style Inline Notes</strong><br />
Add lightweight footnotes or definitions using [tooltip]…[/tooltip] shortcodes. Renders as clean tooltips with no visual clutter or numbering.</p>
</li>
</ul>
<h3>CiteKit Shortcodes</h3>
<ul>
<li>[cite] — Inline citation with auto-generated ID</li>
<li>[cite id=”user-defined-id”] — Inline citation with user-defined ID</li>
<li>[bibliography title=”Works Cited” style=”mla”] — Formatted reference list  </li>
<li>[bibliography] Smith, 2026; John Jacobs, The Red Roof, 2021; Mary Martha, Happy Homes, https://happyhomes.com [/bibliography] – Manually listed entries</li>
<li>[tooltip]…[/tooltip] — Define tooltip annotations</li>
</ul>


CiteKit – Citation and Reference Manager

Add in-text citations, tooltips, and auto-generated bibliography to your WordPress posts in APA, MLA, Chicago and more.

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.

CiteKit – Citation and Reference Manager vs Advanced Footnotes