It is very simple to create WordPress page jump link but still many are not aware how to make a link which on click instantly jumps somewhere further up or down a long page.
A “page jump” in WordPress is when you link to a particular spot on a page or post. Clicking that link takes you directly to that spot.
WordPress allows you to add hyperlinks with ease. However, it doesn’t yet have a way to create jump links from within the dialog box.
Page jumps are especially convenient if you have a lot of content on a single page.
Many use page jumps to create a mini table of contents, but you can also use it to link from the middle of paragraphs.
You’ve probably been on a website before where upon click on a link, instead taking you to another page, it simply took you to a different spot on the same page.
Or perhaps you’ve clicked on a link and it did take you to another page (or another site), but it didn’t put you at the top of the page.
Instead, it put you at the top of a section somewhere down on the page.
Try examples below:
Why Use WordPress Page Jump?
A page jump is an excellent way to link your visitors from one part of your content to another.
For example, let’s say that you have a list of WordPress themes at the top of a post. You can link each name to a different spot further down in the post.
In this way, visitors can go straight to information about the particular WordPress theme they are interested in. You can then link readers directly back to the list of names.
Here are some situations where you can include WordPress page jump:
- A long post or page with a table of contents at the top. Each item in the table of contents links to a subhead lower down on the page.
- The handy “return to top” link at the bottom of a page.
How to Create a WordPress Page Jump?
Creating page jump consists of two parts. Link code and target. Before you can create the page jump, you’ll need to switch to the Text Editor.
To do this, select the tab labeled as either “Text” or “HTML” directly above the right side of the editing area.
The link code will need to have this form:
<a href="#name">Your Link Text</a>
You need to create a unique name for your page jump link and place that in your coding. Notice that you also need to use a hashtag (#) before the name.
The target (the spot where you’re jumping to) will need to have the following form:
<a name="name">Target Text</a>
Or, you can do without the text:
You may decide not to use text because often when you jump to a spot on your site, a tool bar or something else at the top might cover up the actual beginning spot you want your visitors to see.
Be sure to use a unique ID for each target that you create.
Hot to Link to Specific Parts on Other Pages?
Once you have created a target, you can quickly access the URL which links to that target.
Let’s say that you’ve created target on a page with this URL: https://myblog.com/example and as unique ID you used #unique-example.
All you have to do is add the # symbol followed by the target ID to the end of the URL like this: https://myblog.com/example/#unique-example.
Now that you have the URL for the target, you can use it to link to that target from any other page or post on your site.
Once you set up these page jumps and test them out, you will notice that when you jump to a target, the URL in your browser changes to reflect exactly where you are.
Because of this, you can also set up links between pages and go directly to the spot on the page that you want.
How to Make Page Jump Link to Top?
You have probably seen sites that have a link at the bottom of the page that said “Top” or “Go to the Top of the Page.”
You can also easily create yours. Put the following “target code” at the very top of your page:
And then wherever you like, put the following link code (somewhere below):
<a href="#top">Go to the Top</a>
The same principles are at work here. You’ve got a link (even though it’s at the bottom) and you’ve got a target (even though it’s at the top).
WordPress Page Jump Final Words
Page jumping is where you click a link and instantly get moved somewhere further up or down a long page. Or even on another page or post.
Jump links allow readers to “jump” through the article. It lets the reader go to various locations within the article itself.
If you have any questions or tips regarding this topic, let me know in comments below. If I made a mistake, feel free to correct me.
Thanks for reading. If you liked it please share, subscribe or let me know your thoughts in comments.
NOTE: This post may contain affiliate links, which means I receive commission if you make a purchase using link.