A few days ago, I’ve posted a training on how to create page jumps within one post/page in WordPress. They’re convenient to point a visitor to a certain spot in your blog post quickly.

If you’ve missed it, here’s the link:

https://my.wealthyaffiliate.com/training/how-to-cr...

But creating page jumps is not limited to the same post/page only. With a slight modification of the code and a different placement of the link code, you can easily create a page jump from any blog post/page to another blog post/page on your website.

You may think that this is the same as internal linking. Not quite. The difference is that if you use internal linking, you’re creating a link to another post/page on your website. And this link will ALWAYS bring you to the top of the other page. You can also set it to “Open in a new window”.

Creating a page jump to another post/page is basically linking to another post/page, but you determine where the reader will start out to read that article. For example, you’re writing an article and mention a certain product. Since you’ve already written a review about that product, you would like to direct your reader to the feature list in the review instead of re-writing them in your article.

You’d set an ID and target to the part where you’re mentioning the features on the review post/page and wrap the page jump link in the article you mention the product.

Quite confusing, but I’ll show you how it’s done.

To create a page jump from one article to another, you will need to create the following codes similar to the ones from my other training:

For the Link, you’re going to use this code:

For the Target, you’re going to use this code:

In this tutorial, you’re going to learn:

  • How to create a page jump from one post/page to another
  • How to customize the code to work on your website
  • How to open the page jump in a new tab window
  • Advance your knowledge in HTML :)

Let’s get started.



Join the Discussion
Write something…
Recent messages
GinaGo Premium
Great! I have been wanting to learn this. Thank you. ~Gina
Reply
johnwnewman Premium
Great training!
Reply
NicoleJBN Premium
Thank you. :)
Reply
Tezsie Premium
Thanks for sharing this, Nicole. I just know it´ll come in very handy one day soon.
Reply
NicoleJBN Premium
You're welcome. Glad to know it's going to help you. :)
Reply
Marcel92 Premium
Thank you Nicole, for this excellent link training. Your example of using XXXX to mark the spot in the html code also works great with emails you want to clean before resending.
Marcel....
Reply
NicoleJBN Premium
Hi Marcel. Happy to hear it was helpful and I agree. Adding some visual marks like XXXX not only helps to find the right spot in the HTML code. :)
Reply
Ecowarrior Premium
Thanks for a very informative training course which I will hopefullye put into practice soon! regards, Lisa
Reply
NicoleJBN Premium
You're very welcome. I'm glad to see it was helpful for you. If you get around to it, let me know if you need any help with that. :)
Reply
Top