So you want to know how to create page jumps and particularly you want to know how to format jumping from page to page. The reason you need this is because you have created a tutorial of various topics, with each topic on a different page. Upon completing a tutorial, you want your readers to return to the Table of Contents, which is on a different page, somewhere in the middle of the page, after the introduction, right?
Well, I have created exactly the same scenario as I am talking about in the introduction. I have created a WordPress Tutorial, a series of articles on different topics related to WordPress installation and customization.
So, I had to figure out how to create page jumps and particularly, how to format jumping from page to page, so that the reader could return back specifically to the WordPress Tutorial Table of Contents . (Go ahead, click on the link and to see where it takes you!)
Of course, I could have just created a regular link to the TOC page, but then the reader would land on top of the page and would once again have to scroll down to the Table of Content. (Click on the link and see what I mean.)
Both examples are technically page jumps and both links allow you to jump from page to page. However, the first link would be much more user friendly to the reader of the WordPress tutorial series especially if he had to return many times to the TOC.
How To Format Page Jumps ( Or Jumping From Page To Page)
Formatting page jumps is not very difficult to do and it rests on the same principle as jumping inside pages I talked about previously (see references at the end of this article).
The formatting consist of two elements:
- Anchor (the spot where you want your reader to land, or “jump back to”, in this case, Table of Contents)
- The “page to page jump” link which will allow the reader to jump to a different page and specifically to the anchor you set up
Let’s see how both of these elements would have to look like in the “Text” editor. (These are the HTML elements you would have to input in the “Text” mode of your WordPress editor.)
- Anchor: <a name=”tocwpt”>
- Page Jumps Link: <a href=”http://bloggingspree.com/wordpress-tutorial-table-of-contents#tocwpt” target=”_blank”>Back to Table of Contents</a>
So let’s analyze the page jumps link:
It is nothing more than an ordinary anchor text link (or a hyperlink) that opens in a new window and one that you would create in your WordPress editor.
The only difference is the addition of #tocwpt (which is the anchor destination) to the end of your post title.
The anchor codeword is tocwpt and in front of the codeword is # (a hashtag). You MUST have the hashtag before the codeword in the jump link. It makes it an internal link of your post link. In other words, it lets the computer know that it is an internal link.
Example Of Page Jumps Links Process
Image 1. Anchor or Landing Spot For Page Jumps
Image 2. Anchor In Visual Editor
Image 3. Link For Jumping From Page To Page In Text Editor
Image 4. As The Jump Link Appear In A Browser
Image 5. Landing From The Jumping Link
To format page jumps or to create links that allow jumping from page to page is quite simple as you saw here. It is an excellent know-how to have, especially if you are planning to write multi-page publications which are related to one another and can be accessed via a common Table of Contents.
In addition to page jumps, you likely want to know how to jump from text to text within a single page. I have written two articles that deal with those issues:
I’d love to hear from you! So, please leave a comment, don’t be shy.