All Blocks also have the option to 'Edit as HTML' when you click on the 3 dots as in the screenshot below. In Gutenberg all blocks have the option to give them an anchor in the right column in the 'Advanced' section, not only the Headings. Where the link goes, you paste the text from the anchor we made earlier with a '#' up front like this '#h-test-heading'.

Then highlight one of the words and click on the link icon. Just create a paragraph in Gutenberg, write some text. Copy that text, we will paste it with a '#' upfront in the link of the piece of text in the paragraph.Īll right, now we want to link to the anchor from a link in a text on a random page. You can replace the text or just use it as your anchor-text to link to this heading.

Here you will find 'HTML anchor' with already an anchor-text in the box. Click on 'Advanced' and a new section will open up. To the right there is a column with stuff conceirning this header. Just create a new heading in a post with the Gutenberg editor and give it a name. Let's start with the anchor in the heading. In this example we link from a piece of text in a paragraph to a heading.

Think of menu links, normal text links or buttons.ġ. Anchor links can be found anywhere on the page, just like normal links. The anchor is therefore usually placed in a heading or row or any kind of block. So most anchor links point from a menu to a section on the page. Anchor links can also improve user experience, and even give you a SEO advantage. Anchor links can help you direct your visitors to just the right place on your website. Home - Add Anchor in Wordpress Add Anchor in Wordpress - 4 Methods 💥Īnchor links are links that send a visitor from one place to another on the same page, or to an exact place on a different page on the same website.

Add anchor link wordpress