May 30, 2023

Are you wanting so as to add footnotes to your posts?

Footnotes are a good way to supply readers with extra sources or info they’ll look into whereas offering in-depth explanations and citations for any info talked about within the article.

Moreover, footnotes assist enhance an internet site’s credibility, including trustworthiness to the content material. Total, photos and footnotes are highly effective instruments companies can use to make their web sites extra partaking and informative.

You possibly can add footnotes both with the assistance of a plugin or use HTML so as to add them to your posts/pages. On this put up, we’ll present you each the methods so as to add footnotes to your web site simply.

Listed here are a couple of the reason why you need to contemplate including footnotes to your WordPress web site:

  1. WordPress permits customers to insert footnotes with ease, which may be a good way to give credit score to sources that will not be appropriate for the primary physique of a put up or web page.
  2. Footnotes will also be used to hyperlink to different posts or pages on the identical web site, permitting readers to discover associated content material, merchandise, and companies.
  3. Footnotes may help maintain your content material organized and straightforward to navigate, enhancing SEO.
  4. You too can add footnotes to add feedback and present extra info in your content material.

With that stated, let’s have a look at the assorted methods so as to add footnotes in WordPress.

You possibly can add footnotes in WordPress posts utilizing HTML. You should use this technique so as to add footnotes to a single put up/web page in your WordPress web site. Nonetheless, do not forget that this technique is barely difficult, with extra room for error.

2.1.1 Add Quantity to Your Textual content

First, navigate to your put up or web page modifying display screen and place the cursor the place you want to add a footnote. Subsequent, within the toolbar that seems above your textual content, select the Superscript choice that seems by clicking the down arrow icon, as proven beneath.

Add Superscript option

As soon as accomplished, write the quantity, which is able to seem as a small superscript textual content.

Add number

Add a Heading block on the backside of your web page or put up, and kind a title to your footnotes part. You possibly can title it “Footnotes,” “References,” “Bibliography,” or something you want. You too can add a Checklist block.

When you’ve created your footnotes part, navigate to the Superior part from the Block settings. In the HTML ANCHOR part, enter a singular label similar to footnotes. We’ve added an inventory within the Footnotes part.

Create a Footnotes section and add an HTML anchor

The following step is so as to add a hyperlink to the quantity which you added to your textual content in step 2.1.1. To take action, spotlight the quantity, and click on the Hyperlink choice within the toolbar, as proven beneath.

Add a link to the number

Enter “#” adopted by the anchor label you created in step 2.1.2 and press Enter.

Add anchor label

And that’s it! Now you can preview your web page or put up and take a look at the hyperlink to make sure it really works accurately. 

Preview the post/page

If you do not need so as to add footnotes manually, the best method is to make use of a plugin. For this tutorial, we’ll use the Modern Footnotes plugin. Whereas there are various different choices, this plugin is straightforward to make use of, supply choices for personalisation, and is free.

At first, set up and activate the Trendy Footnotes plugin by navigating to the Plugins > Add New part out of your WordPress dashboard.

Install and activate Modern Footnotes plugin

As soon as the plugin is put in and activated, navigate to the Settings menu out of your WordPress dashboard and choose the Trendy Footnotes choice to view the plugin’s settings, as proven beneath.

Modern Footnotes settings

Now you can configure the settings as per your selection.

Within the Desktop footnote conduct dropdown, you possibly can select whether or not you need the footnote displayed by clicking on the footnote quantity or hovering over it. The Expandable footnotes choice is usually utilized on mobiles, and you’ll choose it if you need the footnotes to perform on a desktop as they do on cellular units.

Modern Footnote settings

Additionally, you possibly can set the footnotes all the time to be listed on the backside of the textual content when printing, and in addition, you possibly can set them to be listed on the backside of posts for put up content material in RSS feeds. 

The plugin gives a couple of extra customization choices for these with some coding information. Including customized CSS is helpful if you wish to customise the footnote design to match your web site model higher. When you’ve made modifications, click on the Save Adjustments button to save lots of your settings.

Customization options in Modern Footnote plugin

Allow us to now see how one can add footnotes utilizing Gutenberg and Traditional editor utilizing the Trendy Footnotes plugin.

So as to add a footnote in Gutenberg, navigate to the put up/web page modifying display screen, and choose the textual content the place you want to add a footnote, as proven beneath.

Highlight the text to add a footnote

Subsequent, click on on the downward arrow, and choose Add a Footnote choice.

select Add a Footnote option

 A footnote label is added earlier than your textual content, as proven beneath.

Footnote added

Lastly, preview the put up to see if the footnote is added accurately. You possibly can view the footnote info after you click on on the quantity, as proven beneath.

Footnotes added in Gutenberg editor

This can be very easy so as to add footnotes utilizing the Trendy Footnotes plugin within the Traditional editor.

So as to add footnotes in Traditional editor, navigate to the put up/web page modifying display screen and discover the Trendy Footnote button within the formatting menu, as proven beneath.

Find the footnote option in the Classic editor

Choose the textual content the place you want to add a footnote and click on on the Trendy Footnote button from the formatting menu.

Select the text and click the footnote option

You’ll discover that the footnote in Traditional editor is wrapped in a shortcode, whereas in Gutenberg you possibly can see the label footnote in entrance of your footnote textual content.

Footnote in Classic editor

Within the Traditional editor, you may as well insert a footnote with out deciding on the textual content. To take action, click on anyplace within the textual content the place you want to add the footnote, after which click on the Trendy Footnotes button. The choice to insert a footnote will seem the place you possibly can enter the content material of the footnote and click on the OK button, as proven beneath.

Add footnote in Classic editor without selecting the text

3 Conclusion

Footnotes help in enhancing how readers understand your content material. It improves model recognition and authority by giving the put up or web page a extra polished look. Guests will consider your content material extra should you correctly cite your sources.

How usually do you cite info in your posts and pages? Do you will have any questions on including footnotes in WordPress? Tell us by Tweeting @rankmathseo.