How to Add Elegant Footnotes in Your WordPress Blog Posts

How to Add Footnotes in Your WordPress Blog Posts

Is it true that you are looking for a simple method to add footnotes to your articles?

Footnotes are additional snippets of information that you’ll see at the bottom of a page. It’s a typical method to add references, give sources, and add lucidity to your substance.

In this article, we’ll show you how to add basic and elegant footnotes to your WordPress blog posts.

Why Add Footnotes to Your Blog Posts?

Footnotes are an extraordinary method to give references to your substance at the bottom of an article. It assists work with trusting with your perusers by showing them the wellspring of your information.

You can likewise use footnotes to add remarks, feature significant realities, and give additional information on your substance.

Footnotes can make your site look more expert and reliable. For instance, if you distribute research papers or covers historical occasions, then your perusers might be looking for footnotes with references.

That being said, we should take a gander at how you can add footnotes to your WordPress site.

Add Footnotes in WordPress Using a Plugin

The simplest method to add footnotes to your substance is by using a WordPress plugin. A plugin gives greater adaptability and authority over the styling of your footnotes, and you will not need to alter code.

For this tutorial, we’ll use the footnotes plugin for WordPress. While there are numerous different options, footnotes are not difficult to use, offer various options for customization, and are totally free.

To start with, you’ll need to install and enact the footnotes plugin for WordPress. For additional subtleties, you can allude to our aide on how to install a WordPress plugin.

Once the plugin is dynamic, you can explore Settings > footnotes from your WordPress admin board. You will now see different options to customize your footnotes.

For instance, you can choose the start and end shortcodes for your footnotes from the dropdown menu. Using these shortcodes, you’ll have the option to add footnotes to your substance.

However long you know what shortcode to use to add a commentary to your substance, you can start using the plugin to add footnotes in your WordPress posts and pages. The remainder of the settings is totally optional.

To add a commentary, feel free to make another post or alter an existing article. At the point when you’re in the WordPress editor, just add the shortcode you chose for the footnotes.

Also see: How to Remove the Sidebar in WordPress

For instance, if you pick a twofold bracket as your shortcode, then insert it in the substance where you need to add the commentary. Then you can enter the URL of your source, or whatever else you’d prefer to include in the reference.

From that point onward, you can review your post to test if the reference links are working appropriately. At the point when you’re happy with the settings, feel free to distribute your WordPress blog post to see the footnotes inactivity.

Now, if you need to customize your footnotes and change their appearance, then the footnotes plugin offers different options.

You can start by going to the Settings > footnotes and click on the ‘General settings tab.

You’ll see settings for choosing a numbering style. The plugin allows you to look over plain numbers, Roman numerals, lower and capitalized letters, and the sky is the limit from there.

From that point onward, you can design the scrolling conduct of the footnotes in the substance. There are options to set up scroll length and add a postpone when a visitor clicks on a footnote.

The plugin will use ‘References’ as the default heading for your links in the commentary, however you can change the heading text and how it shows in the ‘References container’ area.

The plugin offers more settings, like showing footnotes in portions, configuring the URL part ID settings, and enabling AMP similarity mode. At the point when you’re finished with the changes, click the ‘Save Changes’ button.

Then, you can make a beeline for the ‘Referrers and tooltips’ tab. Here you’ll see settings to change the backlink image that will appear in the reference links.

Also see: How to Check Website Traffic for Any Site

You can choose from different images offered by the plugin or add your own. Alongside that, there are options to change the referrer settings and pick whether you need reference numbers to appear in sections.

Other than that, the plugin offers settings to enable tooltips, which is a book box that shows the link of your source when a user drifts over a reference number. You can change the tooltip position, measurements, timing, text, and use different options for customization.

In the ‘Extension and need’ tab, you can set the need level which determines whether footnotes will run before other plugins.

In addition, you can add Custom CSS by going to the ‘Custom CSS’ tab. Remember to click the ‘Save Changes’ button when you’re finished making changes.

Physically Add Footnotes in WordPress using HTML

Besides using a plugin, you can likewise add footnotes using HTML in your WordPress blog posts.

This method is additional tedious, and your footnotes will not work if you commit any errors when entering the HTML code. For beginners and any individual who has never altered HTML, we prescribe that you use a plugin to add footnotes.

All things considered, HTML is a decent option if you just need to add footnotes to a single post or page.

To start, you’ll initially have to alter or add another page or post. Then, head over to the substance where you’d prefer to add the commentary.

In your WordPress block editor, you can add superscripts by clicking the three-specks menu in the section square and afterward selecting the ‘Superscript’ option.

Then, you’ll need to click the three-specks menu again and select the ‘Edit as HTML‘ option. For additional subtleties, you can look at our aide on how to alter HTML in WordPress.

Whenever that is done, feel free to enter the following HTML code to your superscript number:

<a href="#example_link">your superscript</a>

It should look something like this:

From that point forward, you’ll need to add the following HTML code to your reference or reference link at the bottom of the post. Along these lines, when a user clicks on the reference number, they’re taken to the particular URL.


This is what it would look like in the WordPress editor:

Now feel free to review your blog post to check if the footnotes are working accurately. From that point forward, you can distribute your blog post and see the footnotes inactivity.

Also see: Best Quiz Plugins for WordPress

We trust this article assisted you with learning how to add basic and elegant footnotes in your WordPress blog posts.

Leave a comment

Your email address will not be published. Required fields are marked *