* If you've found this page and find that it doesn't make sense, please go to the beginning of this tutorial and follow through the entire lesson!

How to Place the Anchor Tag

Now that we are in TEXT Mode in the Content Editor, the screen looks like this:


Remember, the anchor tag needs SPACE to work properly.

So, in this case, I am going to go back to the end of my previous section to place the tag for my next section.

I will simply hit Enter, then type in my anchor tag.

And here it is:


NOTE:

  1. I've used the correct tag (in bold above) <a></a>
  2. I've included (inside the tag) my unique anchor name (in blue above) name="twitter"
  3. When you create your own unique tags, you'll want to write them exactly as shown above, with one space after the first a and no other spaces. Whatever name you create will be inside the quotation marks, as I've done with "twitter."

Here are some more examples:

<a name="keyword"></a>

<a name="premium"></a>

<a name="what"></a>

<a name="who"></a>

MY TIPS:

  1. Each name has to be UNIQUE. You can not use the same name for any other jump link on this post.
  2. Use ONE word. This simplifies the process, and reduces your chance of error.
  3. Use all lowercase, all the time. Again, simplifies the process, and reduces your chance of error.
  4. Do NOT use any symbols in your name ( , / - ' ).
  5. If your Table of Contents is simply words, as mine are in this example, you can just use the exact word.
  6. If your Table of Contents is a group of sentences, such as this:
    1. How to Start your Blog
    2. How to Create Good Content
    3. Where to Market your Brand

then you need to pick which words you want to use before you start editing. Notice that a and b above both start with How. It would be fine to use 'how' as one name, but you could not use it twice. My personal choices with those given topics would be (in order)

  • start
  • create
  • market

Nobody sees your tag name but you, so you can pick whatever you want, but stick to tips 1-4 above for the best results.


Now, it's time to go back to VISUAL Edit Mode to see if the anchor tag shows up. Simply scroll back up the page and click on 'Visual.'

And it should look like this:

So, the anchor tag has shown up exactly where I put it, at the end of the previous section, to allow enough space to properly jump to my next title (Twitter).


Are we ready to 'Update' and test it out?

No!

Remember, there are 2 steps to creating a jump link!

  1. create the unique anchor tag (Done!)
  2. create the link that jumps to that unique anchor tag (Let's do this next!)

What we've done so far is create the space where we want our reader to "jump" to when they click on a topic in our Table of Contents. (In this example, the reader has clicked on Twitter)

What we haven't done yet, is create the actual clickable link!

Creating the link is the easy part!

Click on Next Page: How to Create the Jump Link..



Join the Discussion
Write something…
Recent messages
BorisRoman Premium Plus
Great information - very useful!

Thanks so much for sharing!

Wish you much success!

Bob
Reply
cris1018 Premium
Thanks, Bob!
Reply
Dave07 Premium
Excellent training Cris and very well described. Thanks 🙂
Reply
cris1018 Premium
Thanks, David, and you're welcome! :-)
Reply
Jessibelle72 Premium
Perfect! Thanks a lot!
Reply
cris1018 Premium
Thanks, Jessica, and you're welcome!
Reply
Stella741 Premium
Very interesting Cris!

I do not use tables in my content.

However, though this seems confusing to me now, i am sure I will cotton on to this way of doing a table with practice/

Thanks for sharing.
Stella
Reply
cris1018 Premium
It is a little confusing the first time through, but after the second link, the light bulb comes on. You can totally do it, Stella! They're really useful for long content posts :-)
Reply
Stella741 Premium
We'll see....
Reply
BrendaMZ Premium Plus
Thanks for explaining how to do it. I admit I have a hard time understanding this anchor tag. I don't get it. I use a TOC plugin. Easier for me. I would need to train myself on this anchor tagging.
Reply
cris1018 Premium
You can do it, Brenda! It's actually not hard once you go through the steps on a couple links and get a feel for the correct spacing. If you try it and have any questions, let me know! :-)
Reply
Top