This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

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

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]. Note that you can use this to reset the numbers too, if you set title to a number like title="3" etc.
  2. symbol_background_color – set the background color of the inline “symbol” that shows up.
  3. symbol_text_color – set the text color of the inline “symbol” that shows up.
  4. background_color – set the background color of a single footnote.
  5. text_color – set the text color of a single footnote.

All the colors above take HTML Color Names or HEX codes (include the # sign).

Is this compatible with the Gutenberg Editor?

Yes it is. Just use your shortcodes inline the paragraph block just as you always have.

Reviews

18 Meán Fómhair, 2018
I was rather surprised by the limited choices to have inline notes, but it doesn’t really matter because this plugin gives everything I need and almost everything I want.
13 Feabhra, 2018 2 replies
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.
26 Nollaig, 2017 3 replies
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?
3 Meán Fómhair, 2016 1 reply
I’d love to have some more styling options. Also, some information about a11y would be great.
3 Meán Fómhair, 2016
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.
Read all 7 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.3.0

  • Additional shortcode options “text_color”, “symbol_text_color”, and “symbol_background_color”
  • 2018-12-15

2.2.0

  • Works with Gutenberg and tested with version 5.
  • 2018-08-27

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