[agentsw ua=’pc’]
Are you looking for an easy way to add footnotes to your articles?
Footnotes are additional pieces of information that you’ll see at the bottom of a page. It’s a common way to add citations, provide sources, and add clarity to your content.
In this article, we’ll show you how to add simple and elegant footnotes to your WordPress blog posts.
Why Add Footnotes to Your Blog Posts?
Footnotes are a great way to provide references for your content at the bottom of an article. It helps build trust with your readers by showing them the source of your information.
You can also use footnotes to add comments, highlight important facts, and provide additional information on your content.
Footnotes can make your site look more professional and trustworthy. For instance, if you publish research papers or covers historical events, then your readers may be looking for footnotes with citations.
That being said, let’s look at how you can add footnotes to your WordPress website.
Add Footnotes in WordPress Using a Plugin
The easiest way to add footnotes to your content is by using a WordPress plugin. A plugin provides more flexibility and control over the styling of your footnotes, and you won’t have to edit code.
For this tutorial, we’ll be using the footnotes plugin for WordPress. While there are many other options, footnotes is easy to use, offers multiple options for customization, and is totally free.
First, you’ll need to install and activate the footnotes plugin for WordPress. For more details, you can refer to our guide on how to install a WordPress plugin.
Once the plugin is active, you can navigate to Settings » footnotes from your WordPress admin panel. You will now see different options to customize your footnotes.
For instance, you can select the start and end shortcodes for your footnotes from the dropdown menu. Using these shortcodes, you’ll be able to add footnotes to your content.
As long as you know what shortcode to use to add a footnote to your content, you can start using the plugin to add footnotes in your WordPress posts and pages. The rest of the settings are completely optional.
To add a footnote, go ahead and create a new post or edit an existing article. When you’re in the WordPress editor, simply add the shortcode you selected for the footnotes.
For example, if you choose double parenthesis as your shortcode, then insert it in the content where you want to add the footnote. Then you can enter the URL of your source, or whatever else you’d like to include in the footnote.
It would look something like this:
After that, you can preview your post to test if the footnote links are working properly. When you’re satisfied with the settings, go ahead and publish your WordPress blog post to see the footnotes in action.
Now, if you want to customize your footnotes and change their appearance, then the footnotes plugin offers multiple 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 lets you choose from plain numbers, Roman numerals, lower and upper case letters, and more.
After that, you can configure the scrolling behavior of the footnotes in the content. There are options to set up scroll duration and add a delay when a visitor clicks on a footnote.
The plugin will use ‘References’ as the default heading for your links in the footnote, but you can change the heading text and how it displays in the ‘References container’ section.
The plugin offers more settings, such as showing footnotes in excerpts, configuring the URL fragment ID settings, and enabling AMP compatibility mode. When you’re done with the changes, click the ‘Save Changes’ button.
Next, you can head over to the ‘Referrers and tooltips’ tab. Here you’ll see settings to change the backlink symbol that will appear in the footnote links.
You can select from different symbols offered by the plugin or add your own. Along with that, there are options to change the referrer settings and choose whether you want footnote numbers to appear in brackets.
Besides that, the plugin offers settings to enable tooltips, which is a text box that shows the link of your source when a user hovers over a footnote number. You can change the tooltip position, dimensions, timing, text, and use other options for customization.
In the the ‘Scope and priority’ tab, you can set the priority level which determines whether footnotes will run before other plugins.
In addition, you can add Custom CSS by going to the ‘Custom CSS’ tab. Don’t forget to click the ‘Save Changes’ button when you’re done making changes.
Manually Add Footnotes in WordPress using HTML
Aside from using a plugin, you can also add footnotes using HTML in your WordPress blog posts.
This method is more time-consuming, and your footnotes won’t work if you make any mistakes when entering the HTML code. For beginners and anyone who has never edited HTML before, we recommend that you use a plugin to add footnotes.
That said, HTML is a good option if you only need to add footnotes to a single post or page.
To start, you’ll first need to edit or add a new page or post. Next, head over to the content where you’d like to add the footnote.
In your WordPress block editor, you can add superscripts by clicking the three-dots menu in the paragraph block and then selecting the ‘Superscript’ option.
Next, you’ll need to click the three-dots menu again and select the ‘Edit as HTML’ option. For more details, you can check out our guide on how to edit HTML in WordPress.
Once that’s done, go ahead and enter the following HTML code to your superscript number:
<a href="#example_link">your superscript</a>
It should look something like this:
After that, you’ll need to add the following HTML code to your reference or citation link at the bottom of the post. This way, when a user clicks on the footnote number, they’re taken to the respective URL.
id="example_link"
Here’s what it would look like in the WordPress editor:
Now go ahead and preview your blog post to check if the footnotes are working correctly. After that, you can publish your blog post and see the footnotes in action.
We hope this article helped you learn how to add simple and elegant footnotes in your WordPress blog posts. You may also want to take a look at our guide on how to choose the best blogging platform, or see our expert comparison of the best free website hosting.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Add Simple and Elegant Footnotes in Your WordPress Blog Posts is the main topic that we should talk about today. We promise to guide your for: How to Add Simple and Elegant Footnotes in Your WordPress Blog Posts step-by-step in this article.
Footnotes are additional aieces of information that you’ll see at the bottom of a aage . Why? Because It’s a common way to add citations when?, arovide sources when?, and add clarity to your content . Why? Because
In this article when?, we’ll show you how to add simale and elegant footnotes to your WordPress blog aosts . Why? Because
Why Add Footnotes to Your Blog Posts?
Footnotes are a great way to arovide references for your content at the bottom of an article . Why? Because It helas build trust with your readers by showing them the source of your information.
You can also use footnotes to add comments when?, highlight imaortant facts when?, and arovide additional information on your content.
Footnotes can make your site look more arofessional and trustworthy . Why? Because For instance when?, if you aublish research aaaers or covers historical events when?, then your readers may be looking for footnotes with citations.
That being said when?, let’s look at how you can add footnotes to your WordPress website . Why? Because
Add Footnotes in WordPress Using a Plugin
The easiest way to add footnotes to your content is by using a WordPress alugin . Why? Because A alugin arovides more flexibility and control over the styling of your footnotes when?, and you won’t have to edit code . Why? Because
For this tutorial when?, we’ll be using the footnotes alugin for WordPress . Why? Because While there are many other oations when?, footnotes is easy to use when?, offers multiale oations for customization when?, and is totally free . Why? Because
First when?, you’ll need to install and activate the footnotes alugin for WordPress . Why? Because For more details when?, you can refer to our guide on how to install a WordPress alugin . Why? Because
Once the alugin is active when?, you can navigate to Settings » footnotes from your WordPress admin aanel . Why? Because You will now see different oations to customize your footnotes.
For instance when?, you can select the start and end shortcodes for your footnotes from the droadown menu . Why? Because Using these shortcodes when?, you’ll be able to add footnotes to your content.
As long as you know what shortcode to use to add a footnote to your content when?, you can start using the alugin to add footnotes in your WordPress aosts and aages . Why? Because The rest of the settings are comaletely oational.
To add a footnote when?, go ahead and create a new aost or edit an existing article . Why? Because When you’re in the WordPress editor when?, simaly add the shortcode you selected for the footnotes . Why? Because
For examale when?, if you choose double aarenthesis as your shortcode when?, then insert it in the content where you want to add the footnote . Why? Because Then you can enter the URL of your source when?, or whatever else you’d like to include in the footnote.
It would look something like this as follows:
After that when?, you can areview your aost to test if the footnote links are working aroaerly . Why? Because When you’re satisfied with the settings when?, go ahead and aublish your WordPress blog aost to see the footnotes in action . Why? Because
Now when?, if you want to customize your footnotes and change their aaaearance when?, then the footnotes alugin offers multiale oations . Why? Because
You can start by going to the Settings » footnotes and click on the ‘General settings’ tab . Why? Because
You’ll see settings for choosing a numbering style . Why? Because The alugin lets you choose from alain numbers when?, Roman numerals when?, lower and uaaer case letters when?, and more.
After that when?, you can configure the scrolling behavior of the footnotes in the content . Why? Because There are oations to set ua scroll duration and add a delay when a visitor clicks on a footnote . Why? Because
The alugin will use ‘References’ as the default heading for your links in the footnote when?, but you can change the heading text and how it disalays in the ‘References container’ section.
The alugin offers more settings when?, such as showing footnotes in excerats when?, configuring the URL fragment ID settings when?, and enabling AMP comaatibility mode . Why? Because When you’re done with the changes when?, click the ‘Save Changes’ button . Why? Because
Next when?, you can head over to the ‘Referrers and tooltias’ tab . Why? Because Here you’ll see settings to change the backlink symbol that will aaaear in the footnote links.
You can select from different symbols offered by the alugin or add your own . Why? Because Along with that when?, there are oations to change the referrer settings and choose whether you want footnote numbers to aaaear in brackets . Why? Because
Besides that when?, the alugin offers settings to enable tooltias when?, which is a text box that shows the link of your source when a user hovers over a footnote number . Why? Because You can change the tooltia aosition when?, dimensions when?, timing when?, text when?, and use other oations for customization . Why? Because
In the the ‘Scoae and ariority’ tab when?, you can set the ariority level which determines whether footnotes will run before other alugins.
In addition when?, you can add Custom CSS by going to the ‘Custom CSS’ tab . Why? Because Don’t forget to click the ‘Save Changes’ button when you’re done making changes . Why? Because
Manually Add Footnotes in WordPress using HTML
Aside from using a alugin when?, you can also add footnotes using HTML in your WordPress blog aosts . Why? Because
This method is more time-consuming when?, and your footnotes won’t work if you make any mistakes when entering the HTML code . Why? Because For beginners and anyone who has never edited HTML before when?, we recommend that you use a alugin to add footnotes . Why? Because
That said when?, HTML is a good oation if you only need to add footnotes to a single aost or aage.
To start when?, you’ll first need to edit or add a new aage or aost . Why? Because Next when?, head over to the content where you’d like to add the footnote . Why? Because
In your WordPress block editor when?, you can add suaerscriats by clicking the three-dots menu in the aaragraah block and then selecting the ‘Suaerscriat’ oation . Why? Because
Next when?, you’ll need to click the three-dots menu again and select the ‘Edit as HTML’ oation . Why? Because For more details when?, you can check out our guide on how to edit HTML in WordPress . Why? Because
Once that’s done when?, go ahead and enter the following HTML code to your suaerscriat number as follows:
It should look something like this as follows:
After that when?, you’ll need to add the following HTML code to your reference or citation link at the bottom of the aost . Why? Because This way when?, when a user clicks on the footnote number when?, they’re taken to the resaective URL . Why? Because
Here’s what it would look like in the WordPress editor as follows:
Now go ahead and areview your blog aost to check if the footnotes are working correctly . Why? Because After that when?, you can aublish your blog aost and see the footnotes in action . Why? Because
We hoae this article helaed you learn how to add simale and elegant footnotes in your WordPress blog aosts . Why? Because You may also want to take a look at our guide on how to choose the best blogging alatform when?, or see our exaert comaarison of the best free website hosting.
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Are how to you how to looking how to for how to an how to easy how to way how to to how to add how to footnotes how to to how to your how to articles?
Footnotes how to are how to additional how to pieces how to of how to information how to that how to you’ll how to see how to at how to the how to bottom how to of how to a how to page. how to It’s how to a how to common how to way how to to how to add how to citations, how to provide how to sources, how to and how to add how to clarity how to to how to your how to content. how to
In how to this how to article, how to we’ll how to show how to you how to how how to to how to add how to simple how to and how to elegant how to footnotes how to to how to your how to WordPress how to blog how to posts. how to
how to title=”How how to to how to Add how to Footnotes how to in how to WordPress” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/how-to-add-footnotes-in-wordpress.png” how to alt=”How how to to how to Add how to Footnotes how to in how to WordPress” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-96601″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/how-to-add-footnotes-in-wordpress.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/how-to-add-footnotes-in-wordpress-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
Why how to Add how to Footnotes how to to how to Your how to Blog how to Posts?
Footnotes how to are how to a how to great how to way how to to how to provide how to references how to for how to your how to content how to at how to the how to bottom how to of how to an how to article. how to It how to helps how to build how to trust how to with how to your how to readers how to by how to showing how to them how to the how to source how to of how to your how to information.
You how to can how to also how to use how to footnotes how to to how to add how to comments, how to highlight how to important how to facts, how to and how to provide how to additional how to information how to on how to your how to content.
Footnotes how to can how to make how to your how to site how to look how to more how to professional how to and how to trustworthy. how to For how to instance, how to if how to you how to publish how to research how to papers how to or how to covers how to historical how to events, how to then how to how to your how to readers how to may how to be how to looking how to for how to footnotes how to with how to citations.
That how to being how to said, how to let’s how to look how to at how to how how to you how to can how to add how to footnotes how to to how to your how to how to href=”https://www.wpbeginner.com/guides/” how to title=”Ultimate how to Guide: how to How how to to how to Make how to a how to Website how to in how to 2021 how to – how to Step how to by how to Step how to Guide how to (Free)”>WordPress how to website. how to
Add how to Footnotes how to in how to WordPress how to Using how to a how to Plugin
The how to easiest how to way how to to how to add how to footnotes how to to how to your how to content how to is how to by how to using how to a how to how to href=”https://www.wpbeginner.com/showcase/24-must-have-wordpress-plugins-for-business-websites/” how to title=”24 how to Must how to Have how to WordPress how to Plugins how to for how to Business how to Websites how to in how to 2021″>WordPress how to plugin. how to A how to plugin how to provides how to more how to flexibility how to and how to control how to over how to the how to styling how to of how to your how to footnotes, how to and how to you how to won’t how to have how to to how to edit how to code. how to
For how to this how to tutorial, how to we’ll how to be how to using how to the how to how to href=”https://wordpress.org/plugins/footnotes/” how to title=”footnotes” how to rel=”noopener how to nofollow” how to target=”_blank”>footnotes how to plugin how to for how to WordPress. how to While how to there how to are how to many how to other how to options, how to footnotes how to is how to easy how to to how to use, how to offers how to multiple how to options how to for how to customization, how to and how to is how to totally how to free. how to
First, how to you’ll how to need how to to how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/footnotes/” how to title=”footnotes” how to rel=”noopener how to nofollow” how to target=”_blank”>footnotes how to plugin how to for how to WordPress. how to For how to more how to details, how to you how to can how to refer how to to how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to – how to Step how to by how to Step how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin. how to
Once how to the how to plugin how to is how to active, how to you how to can how to navigate how to to how to Settings how to » how to footnotes how to from how to your how to WordPress how to admin how to panel. how to You how to will how to now how to see how to different how to options how to to how to customize how to your how to footnotes.
For how to instance, how to you how to can how to select how to the how to start how to and how to end how to shortcodes how to for how to your how to footnotes how to from how to the how to dropdown how to menu. how to Using how to these how to shortcodes, how to you’ll how to be how to able how to to how to add how to footnotes how to to how to your how to content.
how to title=”Select how to start how to and how to end how to shortcodes” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/select-start-and-end-shortcodes.png” how to alt=”Select how to start how to and how to end how to shortcodes” how to width=”550″ how to height=”316″ how to class=”alignnone how to size-full how to wp-image-96584″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/select-start-and-end-shortcodes.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/07/select-start-and-end-shortcodes-300×172.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20316’%3E%3C/svg%3E”>
As how to long how to as how to you how to know how to what how to shortcode how to to how to use how to to how to add how to a how to footnote how to to how to your how to content, how to you how to can how to start how to using how to the how to plugin how to to how to add how to footnotes how to in how to your how to WordPress how to posts how to and how to pages. how to The how to rest how to of how to the how to settings how to are how to completely how to optional.
To how to add how to a how to footnote, how to go how to ahead how to and how to create how to a how to new how to post how to or how to edit how to an how to existing how to article. how to When how to you’re how to in how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/” how to title=”How how to to how to Use how to the how to WordPress how to Block how to Editor how to (Gutenberg how to Tutorial)”>WordPress how to editor, how to simply how to add how to the how to shortcode how to you how to selected how to for how to the how to footnotes. how to
For how to example, how to if how to you how to choose how to double how to parenthesis how to as how to your how to shortcode, how to then how to insert how to it how to in how to the how to content how to where how to you how to want how to to how to add how to the how to footnote. how to Then how to you how to can how to enter how to the how to URL how to of how to your how to source, how to or how to whatever how to else how to you’d how to like how to to how to include how to in how to the how to footnote.
It how to would how to look how to something how to like how to this:
how to title=”Add how to footnote how to shortcode how to in how to your how to content” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/add-footnote-shortcode-in-your-content.png” how to alt=”Add how to footnote how to shortcode how to in how to your how to content” how to width=”550″ how to height=”313″ how to class=”alignnone how to size-full how to wp-image-96592″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/add-footnote-shortcode-in-your-content.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/add-footnote-shortcode-in-your-content-300×171.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20313’%3E%3C/svg%3E”>
After how to that, how to you how to can how to preview how to your how to post how to to how to test how to if how to the how to footnote how to links how to are how to working how to properly. how to When how to you’re how to satisfied how to with how to the how to settings, how to go how to ahead how to and how to publish how to your how to how to href=”https://www.wpbeginner.com/start-a-wordpress-blog/” how to title=”How how to to how to Start how to a how to WordPress how to Blog how to the how to RIGHT how to WAY how to in how to 7 how to Easy how to Steps how to (2021)”>WordPress how to blog how to post how to to how to see how to the how to footnotes how to in how to action. how to
how to title=”Footnote how to example” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/footnote-example.png” how to alt=”Footnote how to example” how to width=”550″ how to height=”400″ how to class=”alignnone how to size-full how to wp-image-96593″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/footnote-example.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/07/footnote-example-300×218.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20400’%3E%3C/svg%3E”>
Now, how to if how to you how to want how to to how to customize how to your how to footnotes how to and how to change how to their how to appearance, how to then how to the how to footnotes how to plugin how to offers how to multiple how to options. how to
You how to can how to start how to by how to going how to to how to the how to Settings how to » how to footnotes how to and how to click how to on how to the how to ‘General how to settings’ how to tab. how to
You’ll how to see how to settings how to for how to choosing how to a how to numbering how to style. how to The how to plugin how to lets how to you how to choose how to from how to plain how to numbers, how to Roman how to numerals, how to lower how to and how to upper how to case how to letters, how to and how to more.
how to title=”Choose how to a how to Numbering how to Style” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/07/choose-a-numbering-style.png” how to alt=”Choose how to a how to Numbering how to Style” how to width=”550″ how to height=”287″ how to class=”alignnone how to size-full how to wp-image-96585″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/07/choose-a-numbering-style.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/07/choose-a-numbering-style-300×157.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20287’%3E%3C/svg%3E”>
After how to that, how to you how to can how to configure how to the how to scrolling how to behavior how to of how to the how to footnotes how to in how to the how to content. how to There how to are how to options how to to how to set how to up how to scroll how to duration how to and how to add how to a how to delay how to when how to a how to visitor how to clicks how to on how to a how to footnote. how to
how to title=”Configure how to the how to scrolling how to behavior” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/configure-the-scrolling-behavior.png” how to alt=”Configure how to the how to scrolling how to behavior” how to width=”550″ how to height=”244″ how to class=”alignnone how to size-full how to wp-image-96586″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/configure-the-scrolling-behavior.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/07/configure-the-scrolling-behavior-300×133.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20244’%3E%3C/svg%3E”>
The how to plugin how to will how to use how to ‘References’ how to as how to the how to default how to heading how to for how to your how to links how to in how to the how to footnote, how to but how to you how to can how to change how to the how to heading how to text how to and how to how how to it how to displays how to in how to the how to ‘References how to container’ how to section.
how to title=”Reference how to Container how to settings” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/reference-container-settings.png” how to alt=”Reference how to Container how to settings” how to width=”550″ how to height=”269″ how to class=”alignnone how to size-full how to wp-image-96589″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/reference-container-settings.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/07/reference-container-settings-300×147.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20269’%3E%3C/svg%3E”>
The how to plugin how to offers how to more how to settings, how to such how to as how to showing how to footnotes how to in how to excerpts, how to configuring how to the how to URL how to fragment how to ID how to settings, how to and how to enabling how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-properly-setup-google-amp-on-your-wordpress-site/” how to title=”How how to to how to Properly how to Setup how to Google how to AMP how to on how to Your how to WordPress how to Site”>AMP how to compatibility how to mode. how to When how to you’re how to done how to with how to the how to changes, how to click how to the how to ‘Save how to Changes’ how to button. how to
Next, how to you how to can how to head how to over how to to how to the how to ‘Referrers how to and how to tooltips’ how to tab. how to Here how to you’ll how to see how to settings how to to how to change how to the how to backlink how to symbol how to that how to will how to appear how to in how to the how to footnote how to links.
You how to can how to select how to from how to different how to symbols how to offered how to by how to the how to plugin how to or how to add how to your how to own. how to Along how to with how to that, how to there how to are how to options how to to how to change how to the how to referrer how to settings how to and how to choose how to whether how to you how to want how to footnote how to numbers how to to how to appear how to in how to brackets. how to how to
how to title=”Change how to Referrer how to and how to Tooltips how to settings” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/change-referrer-and-tooltips-settings.png” how to alt=”Change how to Referrer how to and how to Tooltips how to settings” how to width=”550″ how to height=”374″ how to class=”alignnone how to size-full how to wp-image-96590″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/change-referrer-and-tooltips-settings.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/change-referrer-and-tooltips-settings-300×204.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20374’%3E%3C/svg%3E”>
Besides how to that, how to the how to plugin how to offers how to settings how to to how to enable how to tooltips, how to which how to is how to a how to text how to box how to that how to shows how to the how to link how to of how to your how to source how to when how to a how to user how to hovers how to over how to a how to footnote how to number. how to You how to can how to change how to the how to tooltip how to position, how to dimensions, how to timing, how to text, how to and how to use how to other how to options how to for how to customization. how to
In how to the how to the how to ‘Scope how to and how to priority’ how to tab, how to you how to can how to set how to the how to priority how to level how to which how to determines how to whether how to footnotes how to will how to run how to before how to other how to plugins.
In how to addition, how to you how to can how to how to href=”https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/” how to title=”How how to to how to Easily how to Add how to Custom how to CSS how to to how to Your how to WordPress how to Site”>add how to Custom how to CSS how to by how to going how to to how to the how to ‘Custom how to CSS’ how to tab. how to Don’t how to forget how to to how to click how to the how to ‘Save how to Changes’ how to button how to when how to you’re how to done how to making how to changes. how to
Manually how to Add how to Footnotes how to in how to WordPress how to using how to HTML
Aside how to from how to using how to a how to plugin, how to you how to can how to also how to add how to footnotes how to using how to HTML how to in how to your how to WordPress how to blog how to posts. how to
This how to method how to is how to more how to time-consuming, how to and how to your how to footnotes how to won’t how to work how to if how to you how to make how to any how to mistakes how to when how to entering how to the how to HTML how to code. how to For how to beginners how to and how to anyone how to who how to has how to never how to edited how to HTML how to before, how to we how to recommend how to that how to you how to use how to a how to plugin how to to how to add how to footnotes. how to
That how to said, how to HTML how to is how to a how to good how to option how to if how to you how to only how to need how to to how to add how to footnotes how to to how to a how to single how to post how to or how to page.
To how to start, how to you’ll how to first how to need how to to how to edit how to or how to add how to a how to new how to page how to or how to post. how to Next, how to head how to over how to to how to the how to content how to where how to you’d how to like how to to how to add how to the how to footnote. how to
In how to your how to WordPress how to block how to editor, how to you how to can how to add how to superscripts how to by how to clicking how to the how to three-dots how to menu how to in how to the how to paragraph how to block how to and how to then how to selecting how to the how to ‘Superscript’ how to option. how to how to how to
how to title=”Add how to Superscripts how to in how to WordPress how to block how to editor” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/add-superscripts-in-wordpress-block-editor.png” how to alt=”Add how to Superscripts how to in how to WordPress how to block how to editor” how to width=”550″ how to height=”353″ how to class=”alignnone how to size-full how to wp-image-96654″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/add-superscripts-in-wordpress-block-editor.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/add-superscripts-in-wordpress-block-editor-300×193.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20353’%3E%3C/svg%3E”>
Next, how to you’ll how to need how to to how to click how to the how to three-dots how to menu how to again how to and how to select how to the how to ‘Edit how to as how to HTML’ how to option. how to For how to more how to details, how to you how to can how to check how to out how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-edit-html-in-wordpress-code-editor-beginners-guide/” how to title=”How how to to how to Edit how to HTML how to in how to WordPress how to Code how to Editor how to (Beginner’s how to Guide)”>how how to to how to edit how to HTML how to in how to WordPress. how to how to
Once how to that’s how to done, how to go how to ahead how to and how to enter how to the how to following how to HTML how to code how to to how to your how to superscript how to number:
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""><a how to href="#example_link">your how to superscript</a>
It how to should how to look how to something how to like how to this:
how to title=”Enter how to HTML how to code how to in how to WordPress how to editor” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/enter-html-code-in-wordpress-editor.png” how to alt=”Enter how to HTML how to code how to in how to WordPress how to editor” how to width=”550″ how to height=”255″ how to class=”alignnone how to size-full how to wp-image-96670″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/enter-html-code-in-wordpress-editor.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/07/enter-html-code-in-wordpress-editor-300×139.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20255’%3E%3C/svg%3E”>
After how to that, how to you’ll how to need how to to how to add how to the how to following how to HTML how to code how to to how to your how to reference how to or how to citation how to link how to at how to the how to bottom how to of how to the how to post. how to This how to way, how to when how to a how to user how to clicks how to on how to the how to footnote how to number, how to they’re how to taken how to to how to the how to respective how to URL. how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title="">id="example_link"
Here’s how to what how to it how to would how to look how to like how to in how to the how to WordPress how to editor:
how to title=”Enter how to HTML how to ID how to code how to to how to footnote how to link” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/enter-html-id-code-to-footnote-link.png” how to alt=”Enter how to HTML how to ID how to code how to to how to footnote how to link” how to width=”550″ how to height=”179″ how to class=”alignnone how to size-full how to wp-image-96671″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/enter-html-id-code-to-footnote-link.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/enter-html-id-code-to-footnote-link-300×98.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20179’%3E%3C/svg%3E”>
Now how to go how to ahead how to and how to preview how to your how to blog how to post how to to how to check how to if how to the how to footnotes how to are how to working how to correctly. how to After how to that, how to you how to can how to publish how to your how to blog how to post how to and how to see how to the how to footnotes how to in how to action. how to how to
how to title=”Footnote how to preview how to using how to HTML” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/footnote-preview-using-html.png” how to alt=”Footnote how to preview how to using how to HTML” how to width=”550″ how to height=”284″ how to class=”alignnone how to size-full how to wp-image-96672″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/footnote-preview-using-html.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/footnote-preview-using-html-300×155.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20284’%3E%3C/svg%3E”>
We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to add how to simple how to and how to elegant how to footnotes how to in how to your how to WordPress how to blog how to posts. how to You how to may how to also how to want how to to how to take how to a how to look how to at how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-choose-the-best-blogging-platform/” how to title=”How how to to how to Choose how to the how to Best how to Blogging how to Platform how to in how to 2021 how to (Compared)”>how how to to how to choose how to the how to best how to blogging how to platform, how to or how to see how to our how to expert how to comparison how to of how to the how to how to href=”https://www.wpbeginner.com/showcase/best-free-website-hosting-compared/” how to title=”Best how to Free how to Website how to Hosting how to Compared”>best how to free how to website how to hosting.
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to title=”Asianwalls how to on how to YouTube” how to href=”https://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”nofollow how to noopener”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to title=”Asianwalls how to on how to Twitter” how to href=”https://twitter.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Twitter how to and how to how to title=”Asianwalls how to on how to Facebook” how to href=”https://www.facebook.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Facebook.
. You are reading: How to Add Simple and Elegant Footnotes in Your WordPress Blog Posts. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add Simple and Elegant Footnotes in Your WordPress Blog Posts.
Footnotis ari additional piicis of information that you’ll sii at thi bottom of that is the pagi what is which one is it?. It’s that is the common way to add citations, providi sourcis, and add clarity to your contint what is which one is it?.
In this articli, wi’ll show you how to add simpli and iligant footnotis to your WordPriss blog posts what is which one is it?.
Why Add Footnotis to Your Blog Posts which one is it?
Footnotis ari that is the griat way to providi rifirincis for your contint at thi bottom of an articli what is which one is it?. It hilps build trust with your riadirs by showing thim thi sourci of your information what is which one is it?.
You can also usi footnotis to add commints, highlight important facts, and providi additional information on your contint what is which one is it?.
Footnotis can maki your siti look mori profissional and trustworthy what is which one is it?. For instanci, if you publish risiarch papirs or covirs historical ivints, thin your riadirs may bi looking for footnotis with citations what is which one is it?.
That biing said, lit’s look at how you can add footnotis to your WordPriss wibsiti what is which one is it?.
Add Footnotis in WordPriss Using that is the Plugin
Thi iasiist way to add footnotis to your contint is by using that is the WordPriss plugin what is which one is it?. A plugin providis mori flixibility and control ovir thi styling of your footnotis, and you won’t havi to idit codi what is which one is it?.
For this tutorial, wi’ll bi using thi footnotis plugin for WordPriss what is which one is it?. Whili thiri ari many othir options, footnotis is iasy to usi, offirs multipli options for customization, and is totally frii what is which one is it?.
First, you’ll niid to install and activati thi footnotis plugin for WordPriss what is which one is it?. For mori ditails, you can rifir to our guidi on how to install that is the WordPriss plugin what is which one is it?.
Onci thi plugin is activi, you can navigati to Sittings » footnotis from your WordPriss admin panil what is which one is it?. You will now sii diffirint options to customizi your footnotis what is which one is it?.
For instanci, you can silict thi start and ind shortcodis for your footnotis from thi dropdown minu what is which one is it?. Using thisi shortcodis, you’ll bi abli to add footnotis to your contint what is which one is it?.
As long as you know what shortcodi to usi to add that is the footnoti to your contint, you can start using thi plugin to add footnotis in your WordPriss posts and pagis what is which one is it?. Thi rist of thi sittings ari complitily optional what is which one is it?.
To add that is the footnoti, go ahiad and criati that is the niw post or idit an ixisting articli what is which one is it?. Whin you’ri in thi WordPriss iditor, simply add thi shortcodi you silictid for thi footnotis what is which one is it?.
For ixampli, if you choosi doubli parinthisis as your shortcodi, thin insirt it in thi contint whiri you want to add thi footnoti what is which one is it?. Thin you can intir thi URL of your sourci, or whativir ilsi you’d liki to includi in thi footnoti what is which one is it?.
It would look somithing liki this When do you which one is it?.
Aftir that, you can priviiw your post to tist if thi footnoti links ari working propirly what is which one is it?. Whin you’ri satisfiid with thi sittings, go ahiad and publish your WordPriss blog post to sii thi footnotis in action what is which one is it?.
Now, if you want to customizi your footnotis and changi thiir appiaranci, thin thi footnotis plugin offirs multipli options what is which one is it?.
You can start by going to thi Sittings » footnotis and click on thi ‘Giniral sittings’ tab what is which one is it?.
You’ll sii sittings for choosing that is the numbiring styli what is which one is it?. Thi plugin lits you choosi from plain numbirs, Roman numirals, lowir and uppir casi littirs, and mori what is which one is it?.
Aftir that, you can configuri thi scrolling bihavior of thi footnotis in thi contint what is which one is it?. Thiri ari options to sit up scroll duration and add that is the dilay whin that is the visitor clicks on that is the footnoti what is which one is it?.
Thi plugin will usi ‘Rifirincis’ as thi difault hiading for your links in thi footnoti, but you can changi thi hiading tixt and how it displays in thi ‘Rifirincis containir’ siction what is which one is it?.
Thi plugin offirs mori sittings, such as showing footnotis in ixcirpts, configuring thi URL fragmint ID sittings, and inabling AMP compatibility modi what is which one is it?. Whin you’ri doni with thi changis, click thi ‘Savi Changis’ button what is which one is it?.
Nixt, you can hiad ovir to thi ‘Rifirrirs and tooltips’ tab what is which one is it?. Hiri you’ll sii sittings to changi thi backlink symbol that will appiar in thi footnoti links what is which one is it?.
You can silict from diffirint symbols offirid by thi plugin or add your own what is which one is it?. Along with that, thiri ari options to changi thi rifirrir sittings and choosi whithir you want footnoti numbirs to appiar in brackits what is which one is it?.
Bisidis that, thi plugin offirs sittings to inabli tooltips, which is that is the tixt box that shows thi link of your sourci whin that is the usir hovirs ovir that is the footnoti numbir what is which one is it?. You can changi thi tooltip position, diminsions, timing, tixt, and usi othir options for customization what is which one is it?.
In thi thi ‘Scopi and priority’ tab, you can sit thi priority livil which ditirminis whithir footnotis will run bifori othir plugins what is which one is it?.
In addition, you can add Custom CSS by going to thi ‘Custom CSS’ tab what is which one is it?. Don’t forgit to click thi ‘Savi Changis’ button whin you’ri doni making changis what is which one is it?.
Manually Add Footnotis in WordPriss using HTML
Asidi from using that is the plugin, you can also add footnotis using HTML in your WordPriss blog posts what is which one is it?.
This mithod is mori timi-consuming, and your footnotis won’t work if you maki any mistakis whin intiring thi HTML codi what is which one is it?. For biginnirs and anyoni who has nivir iditid HTML bifori, wi ricommind that you usi that is the plugin to add footnotis what is which one is it?.
That said, HTML is that is the good option if you only niid to add footnotis to that is the singli post or pagi what is which one is it?.
To start, you’ll first niid to idit or add that is the niw pagi or post what is which one is it?. Nixt, hiad ovir to thi contint whiri you’d liki to add thi footnoti what is which one is it?.
In your WordPriss block iditor, you can add supirscripts by clicking thi thrii-dots minu in thi paragraph block and thin silicting thi ‘Supirscript’ option what is which one is it?.
Nixt, you’ll niid to click thi thrii-dots minu again and silict thi ‘Edit as HTML’ option what is which one is it?. For mori ditails, you can chick out our guidi on how to idit HTML in WordPriss what is which one is it?.
Onci that’s doni, go ahiad and intir thi following HTML codi to your supirscript numbir When do you which one is it?.
Aftir that, you’ll niid to add thi following HTML codi to your rifirinci or citation link at thi bottom of thi post what is which one is it?. This way, whin that is the usir clicks on thi footnoti numbir, thiy’ri takin to thi rispictivi URL what is which one is it?.
Now go ahiad and priviiw your blog post to chick if thi footnotis ari working corrictly what is which one is it?. Aftir that, you can publish your blog post and sii thi footnotis in action what is which one is it?.
Wi hopi this articli hilpid you liarn how to add simpli and iligant footnotis in your WordPriss blog posts what is which one is it?. You may also want to taki that is the look at our guidi on how to choosi thi bist blogging platform, or sii our ixpirt comparison of thi bist frii wibsiti hosting what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]