Have you ever needed to link text within the same web page? Here's a quick tutorial on how to create a page jump in WordPress.
Let’s say you’re wrapping up your post and you refer to something you mentioned at the beginning of the post. It would be great if your reader could click on your text and go back to the beginning of the post.
That’s called a page jump.
There are two parts to creating a page jump: 1) the target text and 2) the link. The target text is where you put your anchor. Normally, people insert an anchor.
But if you’re using Page Builder (it’s free and I highly recommend it) you can skip Step 1.
That’s because Page Builder inserts anchor IDs throughout your page. All you need to do is get the number of that unique anchor ID and create your link.
This is how to do it:
Lets say I want to create a page jump that takes the reader back to Heading #3 in my post:
Highlight and copy the heading that’s going to be your target text:
Now open your published article and look at the source code for that page.
In Chrome, go to View, Developer, and View Source:
In Firefox go to Tools, Web Developer, and Page Source:
Then, in Chrome, go to Edit, Find, and Find…:
In Firefox go to Edit, Find:
In the Find field type in the text of the heading.
When you’ve found the heading text in the source code, start looking for a CSS ‘id’ field.
In CSS the ‘id’ class is always unique so the number in this field will serve as a good anchor for your jump link.
Copy whatever number is in the ‘id’ field and then simply go to the text in your article where you want to insert the link.
Highlight the relevant text and use the insert link function as you normally would. Then paste in the unique ID number preceded by a hash or pound sign:
Press OK (or in the above example press the blue button with an arrow) and you’re done! Now you know how to create a page jump in WordPress.