TERMS

1. Jump (hyper) Link: - an internal link that allows you to move to various locations on pages or posts.

  • <a></a>: anchor tags for hyperlinks. The anchor tags embrace the address of where you want to go.

2. Jump Link within a page or post:

- Pointer Link to where you want to go:
<a href="#anchor text">text to click on</a>

  • <a : opening anchor tag (remember to put a space between this and the href=).
  • href= : indicates that an address follows specifying a page location for the hyperlink. Without the href the link isn’t a hyperlink.
  • “#anchor text" : is the hash tag containing the anchor text to pinpoint the exact location of the target. This needs to be repeated in the target of the link. The anchor text should be relevant to what you are talking about. Ie. if you have text such as ‘for further information refer to Tables (pointer link) use Tables as the anchor text in both pointer and target. And logically the target link will be just before something that is a table heading.
  • >text to click on : is the text that you type in for people to click on to go places.
  • </a> : closing anchor tag

- Target link is the place you want to end up:
<a name="anchor text"></a>

  • <a : opening anchor tag (remember to put a space between this and the name=).
  • name= : specifies that the name of the anchor follows.
  • “#anchortext" : is the hash tag to anchor the pointer link. This needs to be a repeat of the hash tag in the pointer link. The anchor text is the part of the link that attracts the pointer to the target.
  • ></a> : Don’t enter anything between the two opposing brackets as you don’t want to any text to appear where you are heading. For example if you do enter any text such as 'top of page' it will show up at the top. This isn't necessary as you know you are at the top.

Note: the target should be in front of your destination. It will show on the visual screen as a tiny anchor. It doesn’t show on your live website.

3. Jump Link between pages and/or posts:

- Pointer link:
<a href="http://full URL of website page/#anchor text">text to click on</a>

As above to href=, then

  • "http://full URL of website and page/ : -Copy this from your page or post under the ‘Preview Snippet’. Any jump from one page or post to a separate page or post requires an URL. The jump goes from your site page out to the big wide world then arrows back to your website to the target anchor text.
  • “#anchor text"> : is the hash tag to pinpoint the exact location of the target. This text needs to be repeated on the target of the link. The anchor text is the part of the link that tells it exactly where to go. The anchor text should be relevant to what you are talking about. Ie. if you have text such as ‘for further information refer to Tables (pointer link) use Tables as the anchor text in both pointer and target. And logically the target link will be just before something that is a table heading.
  • >text to click on : is the text that you type in for people to click on to go places.
  • </a> : closing anchor tag

- Target Link: <a name="anchor text"></a>

  • <a : opening anchor tag (remember to put a space between this and the name=).
  • name= : specifies that the name of the anchor follows.
  • “#anchor text"> : is the hash tag to anchor the pointer link. This needs to be a repeat of the hash tag in the pointer link.The anchor text is the part of the link that attractsthe pointer to the target.
  • ></a> : Don’t enter anything between the two opposing brackets as you don’t want to any text to appear where you are heading. Use the text you want to end up at as your hash tag name

Note: the target should be in front of your destination. It will show on the visual screen as a tiny anchor. It doesn’t show on your live website.



Join the Discussion
Write something…
Recent messages
SWhitley Premium
Hello Helen,
Thanks for the tutorial. It is what I needed to be able to move to specific places internally.
Great job!
To Success!
Sanders
Reply
HelenpDoyle Premium
You know I still use this tutorial myself. Good step by step instructions mean I don't have to remember something else. I just have to remember where I put them!
Reply
DebbieAutry Premium
Thank you so much HelenpDoyle! Keep them coming please! Especially informative and well thought out for newborns like me. Really appreciate it!
Reply
HelenpDoyle Premium
You are welcome. I also did a tutorial on jumping between pages and to different spots on pages. You might get some future help from this.
Reply
adams7 Premium
What a great easy to use guide! Added jump links within a page and to other pages within 10 minutes! Thanks for making this such and easy to follow instructional!
Best
Reply
HelenpDoyle Premium
Adam, I write these for myself so when I need to do something again I can follow what I did before. Unfortunately this doesn't always work as I just found out on another of my tutorials. The theme was updated and over rode my steps. Oh well back to the drawing board.

Nice to meet you.
Reply
adams7 Premium
Thats so unfortunate! In any regards - I do appreciate you taking the time to put together something for yourself and be willing to share it with everyone. I for especially found it monumentally helpful!
Reply
carpediem1 Premium
Wow, just what I was searching for, a jump link from one post to a specific part on a different post. It worked;-)
Thanks so much for this training.
Reply
HelenpDoyle Premium
You know even though I wrote this I still get mixed up and have to read it as I link! Glad it helped.
Reply
OKNord Premium
Your explanation is so clear, Helen! My internal links on the same page finally worked ... thanks to you. I'm quite grateful you've shared this tidbit of info within the WA community. Best of luck to you.

Carole :)
Reply
HelenpDoyle Premium
Thanks Carole. I did this after much frustration. There is other information out there but not much starts at the foundation of how to start doing this.

So now I will have to visit your website to jump around a bit!

Now all I need is your website address.
Reply
seanlaw Premium
Thanks Helen,
Great write up, just was what I am looking for.
You put a smile on my face.
Have a great week, all the Best to your internet success.
-sean :)
Reply
HelenpDoyle Premium
You are welcome Sean. I just left a comment on your profile.
Reply
NWTDennis Premium
I'm trying to complete a type 3 Jump Link (to specific text on a separate page). It's the ... "#anchor text"> part of the HTML string that is not working. I'm getting a jump the different page, but it does not go down to the anchor text.

In visual mode on target page I'm getting the tiny anchor symbol exactly where I want it (just above the anchor text on target page). Any idea what the most likely problem is?
Reply
jvranjes Premium
Hey Dennis, see this working example:

Outdoor Research Highcamp Gloves




Here is another from a different site:

Internal links
Reply
jvranjes Premium
Sorry id did not work, links are not accepted, I shall send you by PM
Reply
NWTDennis Premium
I see them ... thank Jovo.
Reply
HelenpDoyle Premium
Dennis, I had someone else with this problem. I haven't sorted it yet but one thing I noted was that he had a static front page. His Home page and the static front page had the same address. Don't know if this was the issue and I don't know your site so can't check this out. If you do figure it out will you please let me know how you did it. Cheers Helen
Reply
NWTDennis Premium
I sure will.

I'm just trying to jump link from one static page to specific text in another static page. My blog roll (Home) is my only dynamic page.

I know I've not put up my web site yet on my Profile page yet. It's fullswinggroove.com

I'm trying to Jump from my Getting Grooved page (Level 3 Weekend Golfer text link) to my Weekend Golfers page down to the Level 3 Weekend Golfer subheading. On this page (in edit mode) the anchor symbol is in the sentence right above this heading. Looks like it should work, but it only jumps to the page not down to the text.
Reply
SupportWorx Premium
Can I have them too JV? I'm splitting a page and needing to deal with that same issue, coincidentally... thanks much! -Alexx
Reply
HelenpDoyle Premium
Dennis, did you ever get this sorted out?
Reply
NWTDennis Premium
Yes I did Helen ... thank you for asking. You and NicoleJBN were a great help and I learned a lot.

Maybe you can help with my latest issue. I realized that a mobile responsive theme does not mean a full screen view in the mobile mode. My right side bar (where many of my offers reside) goes to the bottom of the post or page at the very end during mobile viewing. I'm searching for a plugin that would create a screen slider option allowing the mobile viewer to toggle back and fourth from the content column to the sidebar column. Do you have any recommendations?
Reply
HelenpDoyle Premium
OK Dennis, how did you do this.

I tend to ignore the mobile bit which is not a good thing! Ask this question of the community. Or maybe you already have. I would like to know this too.
Reply
NWTDennis Premium
I'm surprised this subject is not covered more in the training. Google announced that mobile device searches surpassed computer searches back in 2014. Just seems like a trend Affiliate Marketers must be prepared to address.

We have lots of training on side bar design (widgets and such), but what good does that do if a mobile viewer can not see the side bar unless they scroll all the way to the bottom of a post or page. Whose going to do that?

I haven't posted the question yet, but I have asked the question. Not much response so far. I'll keep you posted.
Reply
SupportWorx Premium
EXCELLENT point, Dennis. -Alexx
Reply
NWTDennis Premium
Thanks Alexx ... I'm exploring using a "slider" plugin set up for Mobile Viewing. That way the mobile viewer can "toggle" back and forth from my content column to the side bar. I've chosen the wp plugin (Master Slider). I want to keep it simple ending up with [ << Content ] [ Side Bar >> ] mobile viewing function.

If it looks like a decent design that addresses this matter, I'll share the results with the community. Might even do my first tutorial ... time permitting.
Reply
HelenpDoyle Premium
Tutorials done by we people who really have to test out new things are always better. They tend to be in simple steps. So get going on this tutorial Dennis.
Reply
Marcel92 Premium
Thank you, Helen, for the great link training.
Marcel....
Reply
HelenpDoyle Premium
Marcel, you are very welcome (see I have retained my Canadian politeness). I always teach myself this way by writing down every step, and crossing out dud moves, until I get a clear trail to the solution. Unfortunately if I don't I can never remember how. And sometimes this happens even when I do write them down but not quite clearly enough.
Reply
GiuliaB Premium
Helen, when I see programming language, my brain normally goes in shut down mode. But with your tutorial I finally made. And it is a rather vital part to how I want my pages and mostly my review to look like. Thank you ever so much, you've been great help.
Reply
HelenpDoyle Premium
Thanks Giulia, I often feel this way but the secret is to take a deep breath, swallow a couple of times and dive in. Step by step is best and write down what you do. When I forget to do this and if I need to do it again I often can't remember what I did. (Actually I can't remember sometimes when I do write it down!)
Reply
SupportWorx Premium
Helen, I have to tell you... I have tried to learn this so many times and by page 2 of your training I GOT IT.

You simplified it down to my befuddled brain's ability to understand. YOU SKIPPED NOTHING. You really made some of my posts tolerable now LOL. Very important to a new site I'm doing.

You are very smart. Thank you so much! -Alexx
Reply
HelenpDoyle Premium
Over my work career I found most people doing training assume to much. After a while I used to take their stuff, finally work out (mainly by trial and error) on how to do it. As this took many false starts I always wrote down each success and failure step. When I had it I organised my steps. And guess what, everyone used my steps to do things. I even did a full program, step by step, that was accepted across New South Wales by the department I worked in, Public Works. So I might have lost work time when doing this but saved heaps for other people who could work faster.
Reply
SupportWorx Premium
I did the same when writing a training manual for loan officers at my mortgage company. I wasn't so separated from being a beginner to forget what they DIDN'T know, and I basically included all the minutia that other manuals would never have bothered with, and they LOVED IT. I wasn't sure I was doing the right thing, but I'm headstrong and just basically do it my way and hope for the best. You are a REALLY good trainer, Helen!!! i got a whole ton of link jumps done in a formulaic way in like an hour, after worrying over it on and off for 6 months! -Alexx
Reply
NWTDennis Premium
So glad I'm not the only one with a befuddled brain on this stuff. The more I look at this upside down Chinese salad (HTML strings) the easier it gets.

It takes a "maximum" attention to detail.
Reply
SupportWorx Premium
Oh yes it does, Dennis... and hard not to get bogged down in the details also. I like the blog Mudre just wrote about writing 500 words minimum each day no matter what... might help me not to spend all day on minutia at times! -Alexx
Reply
Gordon-D Premium
Hi Helen,
I have been working on this formula now for 2/3 days and just cant get it to do what I want. I copied and pasted your codes and changed the obvious items so i didnt make any typos, I get the anchor link showing and I get to the page I want but cant seem to get to the actual article on the page, any suggestions would be more than appreciated. Thanks
Reply
HelenpDoyle Premium
Gordon, take some screen shots of your process as a picture is worth..... I will see what I can do. Do both shots of it in visual and in text mode.
Reply
Gordon-D Premium
Hi Helen, was wondering if you have had a chance to look at the formula's I sent over to you yet?
Reply
HelenpDoyle Premium
I have but I need the target page info too. Then I will go through the coding - with fingers crossed.
Reply
NWTDennis Premium
I'm following this with great interest ... sounds like the same problem I am having.
Reply
HelenpDoyle Premium
Gordon, I do keep fooling around with this. I have recently created a static front page so will experiment and see if this is the problem. Or have you figured it out yourself yet?
Reply
Gordon-D Premium
Not yet Helen, i,m not that tech minded i,m afraid
Reply
SuzetteH Premium
This is great training information Helen. Well done. Thank you for taking the time to do all this for us!
Reply
HelenpDoyle Premium
Thanks Suzette. I took the time to set this out for myself because if I don't do this I can't remember for next time. Even with the steps I can get confused. And it is not old age as it happened when I figured things out when I worked for companies!
Reply
Martstervt Premium
Thanks Helen, I'll save this tutorial.

Marty
Reply
HelenpDoyle Premium
Thanks Marty. I tried to set it out logically as I used to do these kinds of guides when I worked in civil engineering and building construction as there is so many different things to ingest to work these areas properly. So I though I would try the same thing here. Hope it helps you out. If not just let me know and ask me some questions.
Reply
Martstervt Premium
Thanks for the offer Hellen I haven't used internal links but have just thought of a good place to add one.
Reply
HelenpDoyle Premium
My aim now is to put a page (or place on an existing page) in to hold my general affiliate links. There have been many queries and blogs on how Google looks at external links and likes or dislikes the number of them. So I am going to put these general ones on a page and link back to them from where-ever I want to let someone go to that affiliate. This should tidy the site up some more! Then I will only put deep links on other pages and posts.
Reply
Martstervt Premium
I'm starting to understand links. I have a link to my other web site
And a link to Amazon. On my about me page which is my 1st page.
I have a cta affiliate link at the end of each page or post.

Is that too many external links?
Reply
HelenpDoyle Premium
Whatever I think will probably be wrong at sometime when your site grows and along with it the number of links. Go and watch Jay's live video classes that he ran for the past 4 weeks. He builds a site that will end up with a couple of external links per post. If you need a definitive answer ask him at magistudios or Kyle at WA.
Reply
Martstervt Premium
Thanks Helen I had something going every Fri. and I know it was a great series
Reply
HelenpDoyle Premium
Check out the Live Video Classes in the dashboard. Jay records them.
Reply
Martstervt Premium
Thanks Helen I will do that.
Reply
PhoenixFlame Premium
This was brilliant. :) I thought understanding the Coding stuff I saw in my Text Tab would be difficult. :)
Yet, you explained it so wonderfully here, my sense of confusion is no longer there.
You have done a marvelous job taking something that I thought was too complicated to understand by explaining it in a much simpler manner. :)
I like the way in you mention everything so specifically, detail-oriented. :)

I am surely bookmarking this so I can try out some of my editing around with Trial by Error Experiments in the Text Tab too. :)

Thanking you,

~Angel
Reply
JewelCarol Premium
This is great for long blog post I think, thanks so much for an awesome training, Helen, great job. ;))
Reply
HelenpDoyle Premium
Thanks Jewel. It took almost as much time to write it as learn it. Hope you get some help from it.
Reply
tiggisuccess Premium
Will put this in my library of training. Thanks Jill
Reply
bill808 Premium
Thanks for the referal. I like your comment about being able to refer to this after you have forgotten how to do this. Iʻm always forgetting and having a reference to remind me is one of the big benefits I get from doing a tutorial.

This is one of the best and most through lessons on hyperlinks I have seen. Mahalo for the time and effort you put into this.
Reply
HelenpDoyle Premium
Thanks for the encouraging remarks Bill. I have a tendency to get tied up in knots when following someone's directions and find setting it out for myself is the best way to figure things out. What used to happen when I was in a 'formal' job, was that people would see what I had done and my process became the informal instruction to do things. That was a wonderful feeling - to be able to help others.
Reply
KatieMac Premium
It always worries me my knowledge of code is very basic indeed
Reply
HelenpDoyle Premium
As with anything here practice makes perfect (or something close to that). Just remember there is a logic behind it. So plunge in and if you need help just ask.
Reply
KatieMac Premium
Thank you Helen I will take it steady
Reply
Mark1957 Premium
Hi Helen
I'd like to be able to "jump" about like you explained so I had a quick squizz at your training.......arggghhhhhh html!!
I really need to learn some of the basics don't I??
I can see it's a step by step thing so I'm sure I could follow along but the very idea of "coding" leaves me with chills!!
Thanks though Helen, I'll have a go.
Mark
Reply
HelenpDoyle Premium
Just be pragmatic and follow the steps. You will be amazed how quickly you can do this after a couple of times doing it. Deep breaths help with the chills!
Reply
bill808 Premium
Two tabs on the right top of the editor. Visual is WYSIWUG. The Text lets you look at the html version. Take a look at the text version of what you are writing once in a while. html will start to make sense to you. Google html and get a list of some of the basic html codes. When I need some html code, I usually write out what I want in visual and go to Text where I copy the text I need and the paste it where I need it.
Reply
Mark1957 Premium
Sounds like a good plan Bill,
I'll give that a go too and between that and Helen's training I might start to get the drift!
Mark
Reply
Mark1957 Premium
Dive in and get wet I suppose Helen.... between this and bill808's little tips I should be OK I guess :-)
Mark
Reply
HelenpDoyle Premium
Dennis, I'm not completely sure of where you mean. If you look at the text mode pointer for example 1 I have ..... "#tables">the tables. If you look at the visual mode of that code you see the tables (underlined and in blue). Here you have an internal closing and opening bracket so the text is embraced but excluded. That is, >the tables< is actually outside the link so I can use spaces as per a normal sentence.
Reply
Prestones Premium
Hi Helen -

I just did a similar blog at - amazing!

I'll go back and edit the blog to send folks this way!

One other note - I believe that since the "#anchor text" is part of a link, the name following the hashtag has to begin with a letter, followed by letters, digits, hyphens, or underscores - no spaces are allowed.

Perhaps you could verify my suspicion?

Great work!

Dennis
Reply
HelenpDoyle Premium
Just added your blog link to this.
Reply
JSakanee Premium
Wow. Thanks, Helen.
This will be good for some of my long list posts.
Reply
Shawn Martin Premium
Nice work!
Reply
JAHBOBCLATO Premium
Back in 19901, I used to do that in Old School HTML. it works well in PHP too.
Reply
HelenpDoyle Premium
OK so if you are implying I'm a dinosaur you are right! If the old ways work why change unless you find something new and better. I am always agreeable to learning. So what is PHP?
Reply
JAHBOBCLATO Premium
Naww , not calling you names. You reminded me of my beginnings.

Just picking on you.

-----------------------------------------
Remember "Geocities.com"????
PHP is one of the new web programming languages that Wordpress is written in.
--------------------------------------------------------

Like JAVA, CSS....stuff like that.
If you peek into the text mode, you see what PHP looks like.

If you have taken a class in C, C++, or c#( C sharp), you will be familiar with the structure of PHP.

Honestly, I liked the old way, but since technology increased, it was developed as a scripting language best suited for to server-side web development.
Reply
HelenpDoyle Premium
Now Robert, I started programming with Fortran and that's really an old dinosaur. Then Pascal for engineering programming. Then I ran away and hid from coding until now. When I look at coding now it looks like hieroglyphics to me.
Reply
JAHBOBCLATO Premium
eeeeee... i did tooo. Fortran 77.
I saw pascal being tutored.

I used to be a computer tutor myself.
I did fortran 77 get this.. on the old Boroughs terminals...in 1987, VB 6 in 1998.
I don't feel so bad now.
OOhhh
my first """computer""" was a TRASH 80.
Get it..... ??? TRSash80

1982
Reply
JAHBOBCLATO Premium
nice to learn this new term.. Jump Linking.
Reply