Inline Footnotes

Description

This allows you to easily add inline “footnotes” to your content. In places where you place the shortcode will appear a little number that is clickable to see the footnote content.

Example syntax: [footnote]This is my footnote.[/footnote]

Screenshots

  • What the footnote looks like by default.
  • What the footnote looks like when open
  • Settings page

Installation

  1. Upload inline-footnotes folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place [footnote] ... [/footnote] shortcodes in your content.

FAQ

Installation Instructions
  1. Upload inline-footnotes folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place [footnote] ... [/footnote] shortcodes in your content.
Where can I get support?

On my website: gavinr.com/wordpress-plugins

What settings can I choose?
  1. Background Color
  2. Text Color
  3. Text Popup Background Color
  4. Text Popup Text Color
  5. Show Footnote on Hover
I’m using this plugin to make money! How can I thank Gavin for creating this for me?

Value-for-value donations are welcome at gavinr.com/donate. Thanks!

What shortcode settings are there?

Right now the shortcode settings are:

  1. title – this is what will display in the box inline of your content (instead of “1, 2, 3, etc” wich happens by default if this is not included). Example: [footnote title="..."]This is a footnote![/footnote]
  2. background_color – this will allow you to change the background color of a single footnote. Takes HTML Color Names or HEX codes (include the # sign).

Reviews

Excellent plugin

I love (almost) everything about this plugins. It has allowed me to add an exciting dose of flair to my articles and has enhanced the overall potential for creativity.

The reason for the (almost) is simply that I’m not happy with the way that it opens on mobile devices. I’ve noticed that if the footnote is near the right side of an article it does not render properly on mobile and comes out as either non-responsive or squished along the side. It would be great if the boxes could pop down (or up) in a direction that doesn’t break them.

Otherwise thank you, fantastic plugin.

multiple background color box

Thanks Gavinr for this beautiful plugin. I am using it on my website(an academic book with multiple level of notes), then I want to define multiple series of notes simultaneously in each page like:
(1,2,3…) (a,b,c…) (i,ii,iii,…).

by your shortcode [footnote title=”…”] I have solved part of problem for titles, but I want to define multiple background color for each note series. Is there any short code for this? for example [FN Background colore= “…”, title=”…”]

Generaly as a alternative way, Is it possible to dublicate this plugin as two active blugin to manage two series of notes?

Rapidly useful

I tried another of the footnote plugins which had more options, but after 15-20 minutes I could not make the “super easy” plugin work. This one did exactly what I needed.

Great but…

I love that there is now finally a plugin that allows Grantland (R.I.P.!) style footnotes. That’s awesome!

However, to make it really useful – at least for me – two things would need to work:

Links in footnotes. Currently any footnote I define ends with the word before the first word I put a link behind – even though the closing shortcode tag obviously comes way later. That basically makes the plugin unusable for me. In case there is a workaround: Please let me know! 🙂

The 2nd thing is way less serious but more of a comfort/usability issue: It would be pretty awesome to do more customization in the plugin. I use a somewhat advanced theme and I think its CSS etc makes the footnotes look somewhat suboptimal. I believe I could fix that by tweaking the CSS though.

Cheers
Thomas

Read all 8 reviews

Contributors & Developers

“Inline Footnotes” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Inline Footnotes” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.1.0

  • New “Hover” option
  • Compressed JS and CSS files
  • 2018-02-19

2.0.0

  • Fixes mobile issues by showing the footnote content in the center of the screen when on mobile.
  • Allows background_color attribute in the footnote tag.
  • 2018-02-18

1.1.1

  • Compatible with WordPress 4.9

1.1.0

  • New “title” shortcode attribute to allow you to show different text in the inline footnote. See the forums for more info.

1.0.2

  • Compatible with WordPress 4.5

1.0.1

  • Fixed CSS issues
  • HTML links within footnotes now work

1.0.0

  • Initial Version