Page jumping is where you click a link and instantly get moved somewhere further up or down a long page. You can try it by clicking on any of the title links above this paragraph.

Why Use Page Jumps?

You might have a list of items at the top of the post and using these jump links means you can allow someone to jump straight to a place rather than scrolling down and looking.

Top ↑

Create a Page Jump

First, switch to the Text Editor if you’re not already using it by clicking the tab above where you enter body text for your page or post. The link that starts it (the ‘Click me’) is written like this:

<a href="#unique-identifier">Click me</a>

Note the #.

The anchor point where the above link goes to is written like this:

<span id="unique-identifier">See?</span>

The #unique-identifier in the ‘Click me’ link matches the ID attribute of the anchor, which is id="unique-identifier".

So you could have <a href="#another-identifier">Jump 2</a> to <span id="another-identifier">Place 2</span>

Top ↑

Sending Readers to the Top

At the beginning of the post or page, add this before all of the other HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites.:

<span id="top"></span>

and anywhere you want a link that will bring the reader back to the top of the page, you put this:

<a href="#top">top</a>

Top ↑

Jumping to an Anchor on Another Page or Post

This also works if you want to jump to a specific place on a different page — just make sure you add the unique identifier part (the name that you assign to that part of the text) and the # at the end of the page link, like this:

<a href="http://your-website.org/example/#specific-place">Click me</a>

Want to click an example? Here you go: The More Tag » Custom Read More Message