Now you need to insert the same text you added as the anchor link, except the # prefix:ĭone! Now, you can preview the post and see your anchor link in action. You will see a section for inserting the HTML anchor. It can be a section heading or an entire text paragraph.įirst, highlight the block, and click the Advanced tab in the sidebar block settings. Scroll down to the section you want to navigate to.

STEP 2: Add an id attribute to the related section.

So step number 2 is to let browsers know which area, section, or text you want to “anchor”. The anchor link will be generated but remain unactivated till a browser can recognize the anchor link as an identifier.

Capitalize the anchor phrase to make it more readable.Ĭlick Enter.

Make your anchor phrase as short and concise as possible.

Use related keywords when summarizing the content of the linking section.But instead of adding a link to another page or external resource, type “#” and think of the name of your anchor link. Click the Link Insert button, which is typically used for adding URLs. In the Gutenberg editor, find and select the text you want to link. STEP 1: Create an anchor link with a # in front of the anchor text.

This is what you need to manually add anchor links in WordPress post/page made of Gutenberg blocks: How to Insert Anchor Links in WordPress Manually?

Using a free WordPress anchor links plugin (recommended).

Today, we’ll teach you how to create WordPress anchor links (like the ones below) in the block editor with 2 simple methods:

Not only do we use anchor links to summarize the content but also to help users come back to the top of a long-scrolling landing page. And as we all may know, better SEO has a great impact on our site traffic, which contributes to more business revenue, social recognition, etc. The other name is the “Table of Contents” and it has a positive impact on the navigation, usability, and even SEO parameters. They are typically used to create a summary with links (anchors) leading to each section. That’s what our next tutorial is about.Īnchor links WordPress break the post/page into logical sections. Whether it’s a blog or a landing page, you will need to learn how to create anchor links in WordPress easily. We rarely think of WordPress anchor links as an essential site element. How to Add Anchor Links in WordPress with a Free Plugin?.How to Insert Anchor Links in WordPress Manually?.

Wordpress anchor links not working