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
- Upload
inline-footnotesfolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- 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?
-
- Background Color
- Text Color
- Text Popup Background Color
- Text Popup Text Color
- 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:
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 liketitle="3"etc.symbol_background_color– set the background color of the inline “symbol” that shows up.symbol_text_color– set the text color of the inline “symbol” that shows up.background_color– set the background color of a single footnote.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
Ogwomwenda (Mutunda) 18, 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.
Mukutulansanja 13, 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.
Ogwekkuminebiri (Ntenvu) 26, 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?
Ogwomwenda (Mutunda) 3, 2016
1 reply
I’d love to have some more styling options. Also, some information about a11y would be great.
Ogwomwenda (Mutunda) 3, 2016
Clean inline notes that work well on mobile. And I can insert an image into them, too.
Ogwomwenda (Mutunda) 3, 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.
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_colorattribute 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