Advanced Footnotes

Advanced Footnotes

Wordpress plugin

Install on Wordpress

App Details

Advanced Footnotes lets you add footnotes on articles via shortcodes. Advanced Footnotes is is extremely customizable, therefore it can be implemented on any theme.

With its internal functions, you can also implement Advanced Footnotes on your own theme in any form you like.

Main Features:

  • Easy & flexible implementation.
  • Implemented WYSIWYG editor button.
  • Footnotes can be implemented with shortcode or function.
  • Animated scroll effect (can be disabled)
  • Lightweight CSS (can be disabled)
  • Custom CSS styling
  • Dynamically changeable interface options (JS can be fully disabled)

Usage

Inserting a Footnote:

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.

Shortcode Parameters:

“type”: Determines the type of the reference. Options: numeric / non-numeric.

Listing Footnotes:

You can display the footnotes in two methods:

Listing by Shortcode:

By simply inserting the [footnotes] shortcode in your post content, you can display footnotes wherever you want in your posts.

Shortcode Parameters:

“title”: Determines the title for the footnotes list. Default value can be set through plugin settings.

Shortcode Usage:

[footnotes title="My Custom Footnotes Title"] // or [footnotes title="false"] 

Listing by Theme Inclusion:

You can print the footnotes by calling print_refs function from the advanced_footnotes class.

Simple Function Usage:

call_user_func(array('advanced_footnotes', 'print_refs')); 

Additional Parameters:

  • First parameter: “Print”, whether print or return the footnotes content. (Default: “true”)
  • Second parameter: “Title”, determines the title for the footnotes content. (Default: “false”)

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

Pricing

Starting from $0 per month.

Check Out the Job Application Form Widget

By Common Ninja

Job Application FormTry For Free!

App Info

Rating

Reviewers

2 reviews

Tags

academic
articles
footnotes
references

Developed By

yutonet

Quick & Easy

Find the Best Wordpress plugins for you

Common Ninja has a large selection of powerful Wordpress plugins that are easy to use, fully customizable, mobile-friendly and rich with features — so be sure to check them out!

Testimonial

Testimonial plugins for Wordpress

Galleries

Galleries plugins for Wordpress

SEO

SEO plugins for Wordpress

Contact Form

Contact Form plugins for Wordpress

Forms

Forms plugins for Wordpress

Social Feeds

Social Feeds plugins for Wordpress

Social Sharing

Social Sharing plugins for Wordpress

Events Calendar

Events Calendar plugins for Wordpress

Sliders

Sliders plugins for Wordpress

Analytics

Analytics plugins for Wordpress

Reviews

Reviews plugins for Wordpress

Comments

Comments plugins for Wordpress

Portfolio

Portfolio plugins for Wordpress

Maps

Maps plugins for Wordpress

Security

Security plugins for Wordpress

Translation

Translation plugins for Wordpress

Ads

Ads plugins for Wordpress

Video Player

Video Player plugins for Wordpress

Music Player

Music Player plugins for Wordpress

Backup

Backup plugins for Wordpress

Privacy

Privacy plugins for Wordpress

Optimize

Optimize plugins for Wordpress

Chat

Chat plugins for Wordpress

Countdown

Countdown plugins for Wordpress

Email Marketing

Email Marketing plugins for Wordpress

Tabs

Tabs plugins for Wordpress

Membership

Membership plugins for Wordpress

popup

popup plugins for Wordpress

SiteMap

SiteMap plugins for Wordpress

Payment

Payment plugins for Wordpress

Coming Soon

Coming Soon plugins for Wordpress

Ecommerce

Ecommerce plugins for Wordpress

Customer Support

Customer Support plugins for Wordpress

Inventory

Inventory plugins for Wordpress

Video Player

Video Player plugins for Wordpress

Testimonials

Testimonials plugins for Wordpress

Tabs

Tabs plugins for Wordpress

Social Sharing

Social Sharing plugins for Wordpress

Social Feeds

Social Feeds plugins for Wordpress

Slider

Slider plugins for Wordpress

Reviews

Reviews plugins for Wordpress

Portfolio

Portfolio plugins for Wordpress

Membership

Membership plugins for Wordpress

Forms

Forms plugins for Wordpress

Events Calendar

Events Calendar plugins for Wordpress

Contact

Contact plugins for Wordpress

Comments

Comments plugins for Wordpress

Analytics

Analytics plugins for Wordpress

More plugins

plugins You Might Like

Discover Apps By Platform

Discover the best apps for your website

WordPress
Wix
Shopify
Weebly
Webflow
Joomla
PrestaShop
Shift4Shop
WebsiteX5
MODX
Opencart
NopCommerce

Common Ninja Search Engine

The Common Ninja Search Engine platform helps website builders find the best site widgets, apps, plugins, tools, add-ons, and extensions! Compatible with all major website building platforms - big or small - and updated regularly, our Search Engine tool provides you with the business tools your site needs!

Multiple platforms