Advanced Footnotes

Function Usage with Parameters:

$footnotes = call_user_func_array(array('advanced_footnotes', 'print_refs'), array(false, 'Custom Footnotes Title'));<h3>Plugin Options:</h3>

You can access the plugin options through “Options/Advanced Footnotes”.

• Include Plugin CSS: Determines whether to include the default plugin css files. Disable this if you want to re-style the plugin within your theme.
• Custom CSS: Provides a field for custom CSS styling.
• Include Plugin JS: 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.
• Default Title for Footnotes: Sets the default title used on the “[footnotes]” shortcode.
• Footnote Symbol: Sets the symbol used for non-numeric footnotes.
• Disable JS Options: Determines whether to apply options to the plugin JS files or not.
• Footnotes Scroll Gap: 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.
• Footnote Scroll Speed: Sets the animation speed when a footnote is clicked. Set 0 for no animation.

HTML Structure & Classes

Anchors:

Numeric Anchor:

<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>

Non-numeric Anchor:

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

References:

Non-numbered references are listed before the numbered references on the list.

<!-- Main Container --> <div class="afn-footnotes"> <!-- Title --> <h3 class="afn-footnotes-title">{Title}</h3> <!-- List of references --> <ul class="afn-footnotes-list"> <!-- Reference item - non-numeric --> <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> <!-- Reference item - numeric --> <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>

Known Issues

• WYSIWYG Button doesn’t work on the plugin TinyMCE Advanced (and probably on some other -WYSIWYG editor modifying- plugins).

Contribution

https://github.com/yutonet/wp_advanced_footnotes