Ash Durham

<p>—</p>
<p>Stay up-to-date with the latest by following <a href="http://twitter.com/kingproplugins" rel="nofollow ugc">@kingproplugins on Twitter</a>, <a href="http://facebook.com/kingproplugins" rel="nofollow ugc">KingProPlugins on Facebook</a> or <a href="https://plus.google.com/b/101488033905569308183/101488033905569308183/about" rel="nofollow ugc">King Pro Plugins on Google+</a></p>
<p>—</p>
<p><a href="http://kingpro.me/plugins/related-king-pro/" rel="nofollow ugc">Related King Pro</a> gives you an easy ability to display related posts on your site. The related posts are based on the tags on each post.<br />
When output, <a href="http://kingpro.me/plugins/related-king-pro/" rel="nofollow ugc">Related King Pro</a> will get posts in order of the amount of tags that match the post your calling the plugin on.</p>
<p>With <a href="http://kingpro.me/plugins/related-king-pro/" rel="nofollow ugc">Related King Pro</a> you have a few options including how many related posts will display at one time, whether not not to display images,<br />
the width and height of the image output and whether you require a placeholder (mainly for development using the placehold.it images).</p>
<p><a href="http://kingpro.me/plugins/related-king-pro/" rel="nofollow ugc">Related King Pro</a> uses a smart imaging system where it will search for your images within the post in a couple of areas.<br />
It will first look for the feature image of the post. If this is not set, it will search the content for the first image inserted. If that then doesn’t exist, it will either, depending<br />
on the placeholder setting, it will display no image code or a placeholder image in its place.</p>
<p><a href="http://kingpro.me/plugins/related-king-pro/" rel="nofollow ugc">Related King Pro</a> outputs an image (if one exists) and the title with links to the article on both surrounded by a number of containers with enough classes on them to<br />
enable you to style them to your requirements.<br />
There is bare CSS that comes with <a href="http://kingpro.me/plugins/related-king-pro/" rel="nofollow ugc">Related King Pro</a> which allows you to style the related articles any way you need to.</p>
<p>You can use <a href="http://kingpro.me/plugins/related-king-pro/" rel="nofollow ugc">Related King Pro</a> in two ways, either shortcode or widget. Both have the same settings available.</p>
<p>—</p>
<p>If you have any suggestions or would like to see a feature in the plugin, please let me know in the support forum.</p>
<p>Any issues you are having, I’d also love to know, so again, please let me know using the support forum.</p>
<p>—</p>
<p>—</p>
<p><a href="http://kingpro.me/" rel="nofollow ugc">Check out the King Pro Plugins range</a></p>


Related King Pro

Drive your visitors to related posts via matching tags and keep them on site

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.

Related King Pro vs Advanced Footnotes