After it expands, find the HTML Anchor option.In the Block tab of block settings on the right-hand side, click on Advanced.To point to a heading in your text, click on it to select the block. Assign an ID attribute to a portion of textīased on the type, here’s how to add the ID attribute to a section of text you want to navigate the user to: Heading Press Enter on your keyboard or click on the Return icon.Ģ.

To clarify, the anchor link should look like this: #wordpress-maintenance-mode

To mark it as an anchor link, add a hashtag in front.

Or, if there are no conflicting headings, even shorter, “wordpress-maintenance-mode”.

If the link and the text you want to redirect to are both, for example, “How to enable Maintenance Mode in WordPress”, ID could be “enable-maintenance-mode-in-wordpress”.

The only exception is the ability to use capital letters. We suggest following the same rules as in our article dedicated to WordPress slugs.

Now’s the time to come up with an ID attribute.

Highlight the portion of the text, and click on Link from the toolbar that pops up.

Create a jump link and IDĬreating a jump link works like any internal or external link. This is how to add anchor links in WordPress Block Editor: 1. How to anchor links in WordPress (Block Editor) The ID attribute that’s assigned to a section of text the user needs to be taken to. The jump link that points to an ID attribute in the text. What’s required for anchor links?Īnchor links must have two things to work: With that said, here’s how to anchor links in WordPress. You’re only limited by website design and your WordPress theme, which can be altered after the fact. As you’ll see below, a jump tag can also be placed on a paragraph and is one of the base requirements for one-page websites.

Once an entry in the table is clicked or tapped, users are automatically taken to a corresponding section in the text on the same page, often a heading. You must’ve seen one appear in WordPress posts. To give you an idea, we’ll mention the table of contents.

Anchor tags are a great way to improve the user experience on your WordPress website.

Creating anchor links in wordpress