How To Create WordPress Page Jump Links To Specific Spots?

How To Create WordPress Page Jump Links To Specific Spots?
19/04/2017

Last Updated

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:

JUMP TO MIDDLE OF POST
JUMP TO THE END OF POST

 

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.

YOU MIGHT LIKE  Best Free WordPress CDN? Improve Your Website Load Time

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.
  • Footnotes.

 

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.

 

page scroll to id wordpress

 

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.

 

wordpress anchor links plugin

 

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: <a name="name"></a>

 

page jumping for wordpress

 

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.

Go to the Top

 

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.

YOU MIGHT LIKE  How To Find WordPress Page ID Without Plugin?

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: <a name="top"></a>

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).

Go to 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.

Page jumps are very popular and mostly used in tutorials and how to articles. You can see examples of WordPress page jumps on my WP FAQ page and Comparison page.

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.

About Article Author

Kasa
Kasa

Hello, my name is Matija but everybody calls me Kasa. I started this site to earn lots of money so that I never have to work again. Just lay down on a beach, drinking cocktails day after day while hot, beautiful chicks fight for my attention.Ok, now seriously. I love making websites, especially in WordPress. Hope reading content on this site you will find helpful tips, tutorials, comparisons, and product reviews for your business.

write a comment

0 Comments

No Comments Yet!

You can be the one to start a conversation.

Add a Comment