3 Easy Ways You Can Consider to Create Anchor Links in WordPress

Create Anchor Links in WordPress can be tough if you do not get the concept right. Follow our step by step tutorial to know how to create anchor links in WordPress.

Create Anchor Links in WordPress

We use anchor links too frequently on our WordPress websites but get confused when someone asks about that. Anchor links can be considered as shortcuts within site. We are going to have a detailed discussion on anchor links and on how you can create anchor links in WordPress

Anchor links are sometimes known as jump links. When you are reading an article, sometimes few lines come in blue color, and those take you to a different page. Those are hyperlinked that take you to some other page. Anchor links are similar, but they take you to a specific area of your article or your page.

The primary purpose of using anchor link is to provide the better user experience. For example, some articles are of more than 2000 words and may contain words or terms unknown to readers. It will be helpful if the readers get to know those terms instantly. Scrolling down every time to the footer may be exhausting. Anchor links can bring them immediately to the area the information is stored. Hyperlinks surely give the reader a better experience, right?

How to Create Anchor Links

You can create an anchor list in different ways. Such as you can do it with page builder or if you are tech savvy then you can do it with custom code. Now, we must admit page builder is a better option for those who come from a non-tech background.

Creating Anchor Links with Custom Code

One of the ways to create anchor links in WordPress is to do it manually. You have to have preliminary knowledge on HTML as you will be editing HTML in each of your posts. Let us create one anchor link so that you can understand how they work.

Step 1

Create the text for your link and add a hyperlink on it as you would usually for any other link

Create Anchor Links in WordPress

Step 2

Instead of linking it to a new URL, post, or page; you have to assign an anchor name. An anchor name could be any name you would like, but you will have to add a “#” character before the name. You can name this anything you want, although we would recommend keeping the names short and relevant.

The HTML code would look like something like this

<a href="#creating_anchor">other link</a>

Step 3

Next, you will have to add an ID where you want your jump links would take you to. People would be taken to the section where the ID was written. To do this you’ll have to switch to the text view (HTML) in the WordPress editor.

Suppose, I want to move to “Step 3” of this post above whenever someone clicks “other link” text we created beforehand.

HTML code where jump text would take

Create Anchor Links with Plugins

There are many plugins which support creating anchor links with plugins.

1. WP Anchor Header

WP Anchor Header

WP Anchor Header automatically adds anchored headings (H1-H6), creating a heading like this:

<h2 id="the-heading">
   The Heading<a class="anchorlink dashicons-before" href="#the-heading"></a>
</h2>

Create Anchor Links with a Table of Contents Plugin

If you want to speed up the process and If you’re writing a lot then you may want to automate the whole process of adding a table of contents and link them to headings of your article. Fortunately, there is just a right plugin for that. You can take advantage of a table of contents plugin to achieve that.

One of the best free plugins to create anchor links as the table of contents is Easy Table of Contents. The plugin is completely free and automatically generates anchor links for your headers and lets you insert your table of contents anywhere in your post with a simple shortcode. Table of Contents plugin has more than 40,000 active installs with a 4.5 out of 5-star rating.

Easy Table of Contents

Installing and Configuring Easy Table of Contents Plugin

If you do not know how to install a WordPress plugin, please check out our WordPress plugin installation article. After installing and activating Easy Table of Contents, you can configure it as your preference.

Easy Table of Content - Create Anchor Links in WordPress

You can configure different settings for the plugin. It’s pretty straightforward to configure the plugin. After the plugin

Summary

There are a lot of different ways one can add anchor links in WordPress articles. For example, we added the id in headings, some people add the ID in <a id=”tag”></a> tag. If you are publishing a lot of articles, then we would suggest using a plugin for that because you need not waste time on making the table of contents when plugins can do that automatically.

Anchor lInk SEO - Create Anchor Links in WordPress

We also have to seem seen anchor links getting “jump to menus” in Google Search which helps to boost your SEO. Fast loading websites are critical in Search Engine Optimization. Check our tutorial about 10 ways to speed up your WordPress website

21 Best WordPress Plugins You Must Have in 2018

If you are looking to secure your WordPress website, then check our WordPress Security Guide.

Follow us on Facebook and Twitter for more beginner-friendly WordPress tutorials and reviews.

Leave a Reply

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