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.

thebiblesays

<p>TBS Scripture Tagger scans your website content and transforms plain-text Bible references (like “John 3:16” or “Genesis 1:1”) into interactive links.<br />
When users hover or tap on a reference, a clean tooltip appears with the verse text retrieved directly from <em>The Bible Says API</em>.</p>
<p>This plugin is inspired by tools like Blue Letter Bible’s ScriptTagger, but fully optimized for modern browsers and multilingual usage (English, Portuguese, and Chinese).</p>
<p><strong>External Services</strong><br />
This plugin can connect to <em>The Bible Says API</em> to fetch verse previews. You must explicitly enable this in <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> TBS Scripture Tagger</strong> before any external requests are made.</p>
<ul>
<li>Service: The Bible Says API</li>
<li>Service URL: https://content-api.thebiblesays.com</li>
<li>Data sent: the Bible reference and detected language code. The browser may also include the page URL as a standard referrer header.</li>
<li>Terms of Use & Privacy Policy: https://thebiblesays.com/about</li>
</ul>
<p><strong>Key Features</strong><br />
* Automatically detects and links Bible references.<br />
* Displays hoverable tooltips with verse previews.<br />
* Ignores already linked references (optional).<br />
* Excludes specific HTML tags and CSS classes.<br />
* Detects user language for correct book name and API.<br />
* Lightweight and fast — no external dependencies.<br />
* Compatible with all major WordPress themes.</p>
<p><strong>Example</strong></p>
<blockquote>
<p>Add “John 3:16” or “Genesis 1:1” to any post or page, and the plugin will instantly make it interactive.</p>
</blockquote>
<h3>License</h3>
<p>This plugin is open-source software licensed under the GPLv2 or later.<br />
You are free to modify and redistribute it under the same license.</p>


TBS Scripture Tagger

Automatically converts plain-text Bible references into interactive links with hoverable verse previews from The Bible Says.

Advanced Footnotes vs TBS Scripture Tagger