Then you can open up your menu in the Customizer and use the Custom Links section to link to your anchors. To create this type of site, you’ll create your anchors using the same method you’ve just learned. With a one-page site, you only have a homepage, and the menu links visitors to different sections on that page rather than to entirely new pages. You can use this same technique to create a one-page website. That likely covers everything you need to know about adding internal anchor links to WordPress, but I’ve got a few more tips for curious minds. It can also make your site load faster by skipping the automatic redirect to the URL’s forward-slash version. The link might not work without the forward slash at the end of the URL before the anchor, so make sure to include that every time.

The only difference is that you’ll add the full URL first followed by the hashtag and anchor, like this: To use this technique for an anchor on a different page, the URL needs a small modification. You can preview the article to try it out right away. Once you hit enter, the link will be added. WordPress even adds a label to let you know this is an “internal” link Then in the URL field, enter a hashtag followed by the anchor. To link to an anchor on the same page, highlight the text you want to link and click the link icon (or use the cmd+k shortcut). The steps are slightly different depending on whether the link is on the same page or not. Once you’ve added the anchor, you’re ready to link to it. For example, a section on diet in an article about caring for a dog could have an anchor like “diet” or “dog-diet.” It cannot have any spaces, but you can use hyphens to separate words. Inside the HTML anchor field, give the heading a short and descriptive name. WordPress calls this an anchor, but developers refer to this as the element’s ID Open up the Advanced section, and the first thing you’ll see is the HTML anchor option. You’ll see an Advanced section in the right sidebar that is collapsed by default. Start by selecting a heading block in the editor. It will be easy to understand in practice, so let’s get started.

Once the anchor is added, all you need to do is link to it using the normal link editor and a slightly different URL format. This can be any element, but we’ll be using a heading since it’s the most common element to link to. In order to link to a specific part of a page, you need to do two things.įirst, you need a way to designate the element you’ll link to.

Jump links in wordpress