Beside the FootNoter Stack 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 Footnoter (main text) stack above the Footnoter (footnotes) stack. Always use the two stacks together, but only one set per page.
In the Footnoter (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 FootNoter (main text) stack and the FootNoter (notes) stack are done in the FootNoter (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*
In the Footnoter (footnotes) stack
, set the number of footnotes you want to use. Drag a built in Text stack (or HTML stack)*
in each drop zone 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
- When clicking anywhere on the page while a reference has focus in RapidWeaver Preview mode, the outline sometimes does not disappear completely. I have no idea what's causing this, but it happens only within RapidWeaver (not in any browser).
- Non of the settings in this stack will show in Edit mode.
Please use this form
to report all issues, questions and comments.
These stacks require the Stacks plugin by YourHead
(version 2 or higher).