Anchors and foot notes are easy to create with plain HTML in WordPress. So easy, in fact, that any plugin, shortcode or insertion via button in the visual editor would add nothing to your workflow but a significant overhead. Here’s how you insert anchors and footnotes in the text editor window in WordPress.
- For every anchor in your text create something like
<a id="a(n)" href="#f(n)"><sup>[(n)]</sup></a>.
- Replace (n) with iterating integers (1, 2, 3 …), or use an entirely different naming scheme.
- For each anchor you’ve created in your text, set up a corresponding foot note. Place
hrefattributes “the other way round”, so to speak, so that any
hreffrom above points to an
idbelow, and vice versa.
- Optionally wrap foot notes in a
<footer>element for additional styling.
Whenever you click anchor
#a(n), you’ll be skipping down to anchor
#f(n) of a footnote now. Clicking the same anchor
#f(n) in the footnote will bring you back up to anchor
#a(n) in your text.
That’s it! Feel free to apply the code sample below as you wish.