Personal tools
You are here: Home How to update your Plone site Changes you can make to any page Use anchor links to make it easier to read long pages

Use anchor links to make it easier to read long pages

If you have really long pages, you can use anchors to help visitors move around more easily.

Note that all images below are taken from a standard Plone website - your website may have a different look, so the images are only a guide, they may not be exact.

Generally, you will add headings to the sections in your page and then add a set of links to the headings at the top (or bottom) of the page, although you can also add links to other types of text.

Note that you can link to a heading, subheading, literal, discreet, pull-quote, call-out and clear floats.

1. Set up the headings or other entries that you want to link to, following the instructions here.

anchorheadings.png

2. Type the text that you want to use as an anchor, if not already present.

anchortext.png

3. Highlight the text that you want to use as an anchor.

anchortexthighlighted.png

4. Click the anchor button in the header.

anchorbutton.png

anchorscreen.png

5. Select the style of text that you want to link to from the list. In this case, Heading.

anchorscreen.png

6. Select the actual text that you want to link to.

anchorscreen.png

7. Click Ok.

anchorinitial.png

8. Click elsewhere on the page to see what it will look like.

anchorcomplete.png

9. If you are comfortable using HTML, you can use the Manage Anchors screen to add the anchor name value to other entries on the page, but no link to the anchor will be created.

a. Click anywhere on the page you want to create anchors on.

b. Click the anchor button in the header.

anchorbutton.png

anchorscreeninitial.png

c. Click Manage Anchors.

manageanchors.png

d. Select the style of text you want to create anchors for. In this case, Heading.

manageanchors.png

e. Select the entry or entries that you want to create anchors for in the list and click Ok.

Note that no change will appear on the page, however the HTML will have been changed. See here for details on viewing the HTML for the page.

10. When all changes have been made, click the Save button at the bottom of the screen.

pagesavebutton.png

Document Actions