+ All Categories
Home > Documents > How to use anchor links

How to use anchor links

Date post: 19-May-2015
Category:
Upload: fairy-blog-mother
View: 100 times
Download: 0 times
Share this document with a friend
Description:
How to use anchor links in WordPress so that users can jump to specific areas on the page.
Popular Tags:
17
How to use anchor links in WordPress http:// fairyblogmother.co.u k
Transcript
Page 1: How to use anchor links

How to use anchor links in WordPress

http://fairyblogmother.co.uk

Page 2: How to use anchor links

This requires a plugin called ‘Easy Smooth Scroll Links’.

Anchor links allow the reader to jump to another part of the page that is “below the fold”.

Page 3: How to use anchor links

Go to the Plugins tab in the left hand sidebar in the Dashboard, and click on ‘Add New’.

Page 4: How to use anchor links

In the search field type in: ‘easy smooth scroll links’ and click on the ‘Search Plugins’ button.

Page 5: How to use anchor links

Find the correct plugin and install into your blog.

Page 6: How to use anchor links

Find your plugin in the listings and make sure it is activated.

Page 7: How to use anchor links

Go to a new post editing page and look on the visual editor to see the anchor icon.

Page 8: How to use anchor links

Write some content that contains a section that needs to be ‘jumped to’ further down the page.

Place the instructions that will become the link at the top of the page.

Page 9: How to use anchor links

Place your cursor at the end of the paragraph before the area or headline you wish to ‘jump to’.

Page 10: How to use anchor links

Click on the anchor icon.

Page 11: How to use anchor links

Type in a single word name for your anchor icon.

Page 12: How to use anchor links

Now click on the ‘Insert’ button.

Page 13: How to use anchor links

And now you can see the anchor icon in position.

Page 14: How to use anchor links

Highlight the text that will link to the anchor icon.

Page 15: How to use anchor links

In the URL field type in the name of the anchor icon preceded by a hash tag, in this case: #test

Page 16: How to use anchor links

Then click on the ‘Add Link’ button.

Page 17: How to use anchor links

Now your text is linked to the anchor icon and once published will guide the visitor to the selected area.


Recommended