How To Add Anchor Links In WordPress Page

How To Link To A Specific Part of WordPress Page

When we mention anchor links we refer to Page jumping, what do i mean, this is where you click a link and instantly get moved somewhere further up or down a page. This can be particularly useful with a long page.

Nowadays, the average attention span of customers has decreased significantly. For that reason, users will leave your website immediately if they can’t get the desired information within seconds. By allowing WordPress link to page section, you can solve that issue easily.

WordPress anchor link is the most common, effective tool to achieve that. It lets you add a link to a page section so users can jump directly to that piece of content.

If you have no idea how anchor links work, this article is for you. Keep reading until you find something useful to take away. Let’s go!

• Anchor Links Definition
• 3 ways add links in page section
  • Using HTML
  • Gutenberg Block Editor
  • Classic Editor

Anchor Links Definition

Anchor/jump links, are no different from regular links as they transfer users to a different location.
However, instead of transferring to another website, they will lead visitors to a specific content section on a page. They either refer to a particular location on the current visiting page or a location on a different page.

Anchor links would help if your content is long and has various headings and sections. With their assistance, you can ensure a friendly experience for your users.

Add WordPress Links to Page Sections Using HTML

One option for adding jump links to WordPress articles is to directly include HTML code. Let me show you how to do it.

1. Type down the header or text you want to use as the link and create a hyperlink with a “#” prefix. clink on the link icon and type in your #prefix.

2. Or type in the <a href=” “> tag and the hyperlink above to create an anchor link.

Decide which page section this anchor link leads to and mark this section.

3. Add an ID attribute to the section. The attribute’s value should be a phrase or a single word, and is the same as the hyperlink above. A quick reminder that the phrases must use dashes, and exclude spaces. Bear in mind that every ID only shows up once per page.

4. Save your changes, publish the page, and test the jump link.

Using HTML Gutenberg Editor

With the help from Block Editor, you can easily generate a Table of Content using anchor links. Before we start.

1. Type down the header or text you want to use as the link and create a hyperlink with a “#” prefix. clink on the link icon and type in your #prefix.

2. Scroll to the section of the page you want to link to and highlight the header text as shown on the image below.

3. Scroll to the top right of the screen, click on Setting to show the drop-down menu and choose Block. Scroll down to the Advanced section, and fill the HTML anchor box with an ID.

Using Classic Editor

When using Classic Editor, adding HTML anchor/jump links is easy when creating in the Visual editor mode.

1. On the top right, choose the Visual section to create the jump link.

2. In this section, highlight the text you want to embed a link. Then tap on the link button to add the link. Fill in the jump link starting with the # prefix.

3. Switch to the Text section, go to the location that your anchor link leads to, insert the ID. And your anchor link is ready.

In conclusion that’s how you can add a WordPress link to page section.

With our guide at hand, you surely can find an appropriate way to create and add your jump links. Thank you for reading, and don’t forget to subscribe to our website for more helpful information!