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:
- Link
- 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.
Reply
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.
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
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. :)
Alejandra.
Glad you found this training helpful. :)
