How to make named anchor tags in a post

How to make named anchor tags in a post

A ‘Named’ Anchor

Mostly used in long posts or pages with FAQ’s, where the question is linked to the answer, usually further down the page, or we see a link that says something like “Back To Top” and clicking it brings us back to the top of the page.

Here is how to do it in WordPress, other platforms should be similar.

First start with the the link target, or the destination you want to end up at when the link is clicked. In this example we will use the “Back To Top” feature.

 

 

1. To do this part, you need to be in HTML view so click the “HTML” tag at the top right of your text editor.

 

2. Scroll up or down to get to your target destination, in this case go to the very top.

 

3. Type the following exactly:   <a name=”top”></a>

 

4. Hit the  [Enter] or [Return] key to move down a line.

 

5. Type the following exactly: &nbsp;

 

6. Hit the  [Enter] or [Return] key to move down a line.

Note: Steps 4, 5 & 6 aren’t really needed, they just help make the spacing look better when you’re done.

 

7. The rest can be done in Visual, so go ahead and click the “Visual” tab.

 

8. Scroll way down someplace near the bottom hit the  [Enter] or [Return] key to move down a line.and type the following:  Back to Top

 

9. Hit the  [Enter] or [Return] key to move down a line.

 

10. Select the text you just typed (Back to Top).

11. Click the link icon:      see screenshot below:

 

Link Icon Click Image to see larger one

 

 

 

 

 

 

 

 

 

 

 

 

 

 

12. A dialog box opens, in the URL field, remove the “http://” and type exactly: #top

 

13. Click “Update” and view your post and test it.

 

 

 

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>