Quantcast

Tutorial: Creating Page Jumps or How To Link Something In a Post To Something Else in That Post

Filed Under: Tech/Videos/Video Games, Tutorials
Share:
Jump!

Image | Anirudh Koul

Page jumps have confounded me for entirely too long.

I’ve seen a billion different examples and nothing worked for my borked brain.

Then my brain got the page jump concept and I’m going to share it with you.

First, I’ll show you an example [Go right to tutorial!] and then I’ll show you how to accomplish a page jump.

Ready? Go!

Head to this post: Plural of Octopus: Octopi or Octopuses?.

Click in that first sentence where it says, “[jump to video]”. See how the page “jumps” to the video? That’s what you’re going to learn today.

Keep in mind that this tutorial is for WordPress sites. It’s HTML so it’s damn basic but I’m comfortable with WordPress sites. Just wanted to warn you before you started asking about your cousin’s uncle’s sister’s site that someone built for her twenty years ago.

Or something.

Magic time!

 

 

Page Jump Tutorial

 

The very first thing you’re going to need to do is switch from WordPress’s Visual/WYSIWYG editor to the HTML editor.

Look for this and click on the HTML. wordpress visual WYSIWYG  to html editor
You need two parts for this to work:

  1. Where you’re jumping from:
    where you start
  2. Where you’re jumping to:
    where you end up

In the example from the other post, the first element is written like this:

jump to video

and then the second element is written like this–note there’s nothing it’s “linking” to since it’s actually right before the embed code of the video BUT it still works:

In the example earlier in this post, the jump text/anchor is written like this:

Go right to tutorial!

and then the second element is written like this:

Page Jump Tutorial

In the example at the very end of this post, the jump text/anchor is written like this:

cousin's uncle's sister's site

and the second element is written like this:

When you apply this to your own post, just change the “href=” part to whatever makes sense for you and change the “name=” part so they can find each other in this crazy, crazy internet world.

Maybe you talked about your cousin’s uncle’s sister’s site earlier and want to jump folks back to that fun story? Easy as pie.

Speak Your Mind

*