Widgets


 





Add Anchors

Who can use this feature?

System_Admin.png Slash.png Owner.png Slash.png Publisher.png Slash.png Author.png

 

Overview

Users may add HTML anchors to a page to help assist readers with navigation. Anchors are shortcut links that lead from one section of a page to another section on the same page. 

Instructions

  1. Ensure that Live Edit Is On
    LiveEditOn.png
  2. Navigate to the page you wish to add anchors to
  3. Select the Widgets tab on the left-hand side
    Widgets.png
  4. Drag-and-drop the Editor widget to your page
    Widget_Add.png
  5. Create your content in the normal Editor screen
    CreateContent.png
  6. Click the HTML/Code View option on the toolbar
    HTMLView.png
  7. Scroll to the section you want to navigate to and add the HTML code <a name="name"</a> next to the words you want to link to
    HTML1.png
    • Note: Replace the second name with a more specific code. Leave the quotation marks as part of the code.
  8. Scroll to the part you want users to click on to get to a different section and add the HTML code <a href="#name"> next to the words you want to link to
    HTML2.png
    • Note: Again, replace name with a more specific code, and leave the quotation marks and pound sign/hashtag.
  9. Re-click on the Code View button to return to the regular view
    CodeView.png
  10. Ensure that one of the sections is a link and the other appears as just plain text
    CheckLinks.png
  11. To check that the link works, click out of the Editor widget and select Apply Changes
    ApplyChanges.png
  12. Navigate to the top of the screen and select Save
    Save.png
  13. Navigate to Live Edit Is On > Turn Off Live Edit to turn off editing capabilities
    LiveEdit_Off.png
  14. Click on the Anchor link and ensure that it directs to your desired section
    CheckAnchors.png



I'd Like to Request an Enhancement

1 out of 1 found this helpful

Updated:
Follow

Article Feedback