Beside the FootNoter2 Stacks being used on this page, I’ve created two more demo pages:Demo #1
: a more colorful example with the ‘back to reading position’ links between brackets.Demo #2
: an example of the references not being superscript, but (just like the ‘back to reading position’ and ‘back to the top’ links) between brackets; the ‘back to reading position’ links before the footnote text.
Drag a copy of each stack on your Stacks page, the Footnoter2 (main text) stack above the Footnoter2 (footnotes) stack. Always use the two stacks together, but only one set per page.
In the Footnoter2 (main text) Stack
, insert one of the following immediately after the text where you want a reference to a footnote to appear (without a space between the text and the reference):
- a random text (even a space will do), select it and apply Format > HTML > Superscript or
- the code
<sup></sup>. In a styled text area, don’t forget to apply Format > Ignore formatting
The text used in the references will be automatically replaced with numbered footnote tags. Keep in mind the search engines will read the text you entered*
If the theme used doesn’t render superscript properly*
, you can select the override font size
and/or override vertical position
options and tinker with those settings*
All the settings for both the FootNoter2 (main text) stack and the FootNoter2 (notes) stack are done in the FootNoter2 (main text) stack.
Optionally, you can set a link to go back up to the reference. Clicking that link will not only take you there, but the reference can also receive focus, making it more clear for the reader to continue reading from the point they went down to the footnote* *
As a bonus, you can use a ‘back to the top’ link at the bottom of the footnotes*
To add footnotes in the Footnoter2 (footnotes) Stack
, click the plus button at the bottom and type the text of the footnote. Because each footnote has his own stack, footnotes can be rearranged, duplicated and deleted easily.Background
This stack is based on a heavily adapted version of footnoted.js v1.1 by Jacob Heftmann
- Non of the settings in this stack will show in Edit mode.
- Depending on the theme settings, the outline of the references (that show when going back to the reading position) may be cut off a little. In that case, you will need to fiddle with the width and padding of the outline (or the line height of the text) to prevent this.
Please use this form
to report all issues, questions and comments.
These stacks require RapidWeaver
(version 7 or higher) and the Stacks plugin by YourHead
(version 3.5 or higher).