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.

BibleUp

bukunmikuti

<p><a href="https://bibleup.netlify.app/" rel="nofollow ugc"><strong>BibleUp</strong></a> is a configurable web tool that makes the text of Bible references on a webpage easily accessible when hovered or clicked.<br />
BibleUp transforms all Bible Reference on a page into hyperlinks, hovering or clicking on these links will display the corresponding Bible text via a feature-rich and highly customizable popover.</p>
<p>With <strong>BibleUp</strong>, Bible references can be looked up easily without having to switch to a different tab or app.</p>
<blockquote>
<p><strong>Note:</strong><br />
  This is the official WordPress plugin for BibleUp and it relies on the development of <a href="https://github.com/bibleup/bibleup" rel="nofollow ugc">BibleUp Core</a>.<br />
  We use a third-party service to provide for the regulated distribution of essential <a href="https://www.jsdelivr.com/package/npm/@bibleup/bibleup" rel="nofollow ugc">files</a>. The use of this plugin requires your consent to the <a href="https://www.jsdelivr.com/terms" rel="nofollow ugc">Terms & Policies – jsDelivr</a>. No personal data is collected.</p>
</blockquote>
<h3>Features 💡</h3>
<ul>
<li>
<p><strong>Smart tagging:</strong> BibleUp can recognize and tag references in multiple, different ways. Abbreviated or standard names, as well as multiple verse ranges, will be tagged correctly. BibleUp also supports version tagging.</p>
</li>
<li>
<p><strong>Flexible and highly customizable:</strong> BibleUp comes with different popover types and can be thoroughly customized to fit your site\’s theme.</p>
</li>
<li>
<p><strong>Performant:</strong> Make your readers enjoy fast Bible references look-up without bloating your site. BibleUp also follows the WAI-ARAI accessibility guidelines for screen readers and keyboard navigation.</p>
</li>
<li>
<p><strong>Agile development and contributions:</strong> BibleUp is free and open-sourced, contributions can be made by anyone. Issues and requests will be attended to faster.</p>
</li>
</ul>
<h3>Demo 🛸</h3>
<ul>
<li>See how BibleUp works on our <a href="https://bibleup.netlify.app/demo" rel="nofollow ugc">demo page</a>.</li>
<li>Check out <a href="https://bibleup.netlify.app/demo/editor" rel="nofollow ugc">the editor</a> to play with customization and styling.</li>
<li>For developers: Configure BibleUp options live using the <a href="https://stackblitz.com/edit/bibleup" rel="nofollow ugc">code playground</a>.</li>
</ul>



BibleUp is a great plugin for linking Bible references and it supports extensive customisation options. 


Great plugin for linking Bible references

BibleUp transforms Bible references on a webpage into links and makes the text accessible via a flexible and highly-customizable popover.

Advanced Footnotes vs BibleUp