Technical Tips

Mike’s Technical Tip: New Footnotes Block in WordPress

Wordpress Footnotes Block

If you’ve ever had to add footnotes to a post or page in WordPress, you probably know it’s not the most straightforward process – and even requires the use of a plugin if you’re unfamiliar with HTML coding. But as of WordPress version 6.3, that all changes for the better.

First things first. If you’re on a post or page that uses the older Classic editor, this feature isn’t available. It only applies to content that’s managed with the newer Gutenberg (“block”) editor.

Okay, that being said, all you need to do to add footnotes is… add the Footnotes block:

Footnotes 01

An empty Footnotes block is created:

Footnotes 02

Now, just drop your cursor into the text where you want your first footnote to appear:

Footnotes 03

Next, click the small downward-pointing arrow in the toolbar and choose Footnote in the drop-down menu:

Footnotes 04

A “1” is created where your cursor was inserted and a “1” footnote is added to the Footnotes area at the bottom:

Footnotes 05

Type or paste in your footnote information:

Footnotes 06

And that’s it. The numbering and the links from the text to the footnote and back are generated automatically. Want to add more? Just repeat the process by dropping your cursor into the next place:

Footnotes 07

Drop-down menu; choose Footnote:

Footnotes 08

And the next one is created:

Footnotes 09

Add the second footnote info:

Footnotes 10

Continue until all your footnotes have been added. Need to add one in between two existing ones? Want to remove one right in the middle of your text? Feel free – they’ll all renumber automatically.

And of course, check any time to see how it looks on the public-facing side:

Footnotes 11

In Your Inbox