Page Jumps are great to link to a specific spot on a post or page. This is especially convenient, when you write lots of words in one single post/page. And they’re fairly easy to create. Even if you don’t know nothing about HTML.

But first, what is a “Page Jump” also known as “Anchor Text/Anchor Link”?

You’ve probably seen on other websites that some posts have a “table of contents” area at the top of their content, letting you know what’s covered in the following text. This is either coded in HTML or created with a “Table of Contents” plugin.

The links you see in it are all “page jumps” and if you click on one link, it jumps to that specific part. For example, the “jump link” says “Sub-Heading 3”. Click on it and you’ll jump to the section where “Sub-Heading 3” is located.

A “page jump” always jumps within the same post/page. It’s not to be confused with “internal linking”.

For a better understanding:

Page Jump= Jumping to a specific spot within ONE single post/page

Internal Linking = Highlighting text/word and add a link (Hyperlink) to a DIFFERENT post/page on the SAME website.

To create a page jump in WordPress, you will need to create a couple of code for:

  1. Link
  2. Target

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:

  • Where to add the codes in WordPress
  • How to replace the text in the link with the text in your post/page

I’ll try to be as beginner friendly as possible. If it’s still gibberish at the end of this tutorial, let me know and I convert it to plain English. :)

Let’s get started.



Join the Discussion
Write something…
Recent messages
RobinA8181 Premium
Starred this (and liked it) for future use.
Reply
NicoleJBN Premium
Thank you. Glad to hear it's a keeper. :)
Reply
NWTDennis Premium
Thanks again Nicole for this Tutorial in response to my Question. I have a sense it will come in handy for many members. What makes it so confusing is the upside down Chinese salad (HTML strings). The XXXX locator trick is indispensable.

Hopefully once I do a few, I'll get more confidence in doing page jumps. There is so much value added to a website (better experience for both human and Google spider visitors) by them.

I'm considering the WP Plugin, but want to wait until I'm sort of caught up on my site. Taking care of business as we go probably makes the task a lot simpler.
Reply
NicoleJBN Premium
Hi Dennis,

thank you for your kind feedback and I hope it will be very beneficial to others.

I totally agree, having a little helper in the form of some X's or so helps a lot. When you scan the code for the right spot all you need to look out for are those X's.

You will, Dennis. I was very hesitant as I started to look into HTML. The fear was huge that I break more than improve. But once you get into it and you start to understand it, it's easier than you think. And fun too.

If you want to get into HTML, I highly recommend to create a dummy website (e.g. a free SiteRubix website works great for it) or a dummy page on your existing website and test codes on it. If something goes wrong, you're not ruining your article as you may not remember how to undo the codes.

So, don't worry. It doesn't take long to get the hang of it.

If you want to learn more about it, HTML.net is a great starting point worth a look. :)

All the best,
Nicole
Reply
SuzQ Premium
Great detailed training. wondered if I could ever accomplish something like this when I had seen it used on sites. Great to know. In your training you help to take some of the hesitation out of coding!
Reply
NicoleJBN Premium
Thank you for the kind words and I'm happy to know that this training was helpful to you.

Hesitation describes it quite well. I hesitated to get into it too. I was afraid to break instead of make it better...lol.

But once you get into it, it's not that hard to understand. And it's quite fun to see what a simple code snippet does to your website.

And next time you wonder about something, remember, it's just a tiny code that is responsible for these amazing features - and easy too. :)
Reply
AlejandraB Premium Plus
Thank you Nicole for this great training, I didn't know we could do this on our blog posts, will book mark this training, I'm sure I will use it later.
Alejandra.
Reply
NicoleJBN Premium
You're welcome, Alejandra. It's amazing what's all possible with a basic code like that. There are actually other kinds of page jumps you can use. They allow you to jump from one article to a specific spot on a different article. I will cover this later in another training though.

Glad you found this training helpful. :)
Reply
bidnesslady Premium
Thank You, Nicole!! Had no idea what that was. Lol :)
Reply
NicoleJBN Premium
Glad it was helpful for you. :)
Reply
Top