How to put links in your posts to move to different sections

When I was writing the last article, I realized that my story was kind of lengthy. Some people might want to cut to the part that explained the lessons that we learned. I knew how to embed a link to go to different pages. I did not know how to make links that would take them to a different section of the same post. Now that I know, I figured other people might want to learn the same thing.
I found an excellent article that helped me at the wordpress support forums. There is a link to that article here.

The tool that I was looking for is called a “page jump”. You make a link that points to a specific unique identifier somewhere else on the page. This requires two tags. The first one says where to look, and the second one says this is the right spot. These identifiers can be anything, you make them. OK, here’s an example.

I wanted my readers (you) to be able to go from the link at the top of the page in this paragraph:

“If you would just like the lessons learned, you can skip the personal story by clicking here“,

to the subheading of Lessons Learned in the same post. The first thing you have to put in is the hyperlink for the word “here”.

The format is as follows:
<a href=”#Lessons”>here</a>”

The # sign is important, as it means that the next thing that is written is the unique identifier. In this case, the unique identifier is the word “Lessons”, although you can use anything you would like. The text that is displayed is the word “here”.

The next bit of code is the part that identifies the target. In this case, I want the reader to be directed to the heading “Lessons Learned”.
The format is as follows:
<a id=”Lessons”>Lessons Learned</a>

In this case, you are setting the ID tag for this bit of code as the word “Lessons”, and the text that is printed is “Lessons Learned”.

That is it! You can now make links to take your reader anywhere on your page by using this set of commands, and making unique identifiers for each link. Enjoy!

P.S. While making this post, I had to learn how to make HTML code that you can read that does not work when the web browser resolves the webpage. In order to do that, you have to replace the < and > characters with codes for those symbols. Unfortunately, I have not learned how to show you those symbols without them being converted. If you know, send me an email at amusingtreasures@gmail.com.

Leave a Reply

Your email address will not be published. Required fields are marked *