So there you have it you now know how to create jump links in WordPress A jolting experience! So we could edit some paragraph text and add to it like below. What is important is that there is some kind of HTML tag you can add your ID attribute to. The text you chose to link to does not have to be a heading tag though it could be normal paragraph text. Now once you refresh your page your anchor text link should be working. It doesn’t look any different on the front end. You can then put that heading or text back to the visual editor if you like. It’s important that you use the exact same phrase for both or it will not work.

This is where you need to remember what name you gave your link above.

What you would then do is change the WordPress editor to edit that heading as HTML and insert the following code. Then pick some text in that area (i usually use a heading). All you need to do is find the section you want that link to take a visitor to when clicked. This link, however, will not do anything at the moment because you need the second part of the code.ĭon’t go running for the hills when I say code it’s very very simple. You should now have some text that is a clickable link. Important to note is that you keep the words lower case and without spaces. A small box will pop up, in this box you should type # followed by whatever word or words you wish. You then need to highlight the text and click the link icon in the WordPress Gutenberg editor. Next, you need to write the text that will be the clickable link.

You can start by either editing or creating a new post or page. Let’s get started adding your first anchor link It will also add another point of access for hackers and for a simple anchor link there really is no need to add a plug-in with lots of additional code just to achieve a link. We would advise against using a plugin for this because adding a plug-in adds more code to a website which can slow it down. Now that you have tested the link and have seen what it does, let’s dive in and show you how to link to another section of the page by adding a jump link on your WordPress website. Take me to the Smooth Scroll CSS Code Jump links and anchor links how to use them in WordPress If you are still not sure what anchor links are or how they work just click the link below. They are made up of two parts, a hashtag link element, and an ID attribute. Anchor links sometimes known as jump links or a table of contents are links that take you straight to another section of the page when clicked.

Wordpress anchor links not working