Top Banner
How to use anchor links in WordPress http:// fairyblogmother.co.u k
17

How to use anchor links

May 19, 2015

Download

Documents

How to use anchor links in WordPress so that users can jump to specific areas on the page.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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.