Skip to main content

Joomla - How To Create Anchor links - Knowledgebase / Web / Joomla - SOU IT and Service Center Help Desk

Joomla - How To Create Anchor links

Authors list

Anchor links helps visitors of you page navigate sections of a long page by taking them directly to a particular area of the page.

To create an anchor link you will usually start by creating a list of all the section areas within the page. 

For example, if you click on "Section 2" the page will scroll down directly to that section.

Section 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 

 Section 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

To create an anchor link:

  1. Create the list that will serve as the Table of Contents
  2. Create a heading and relevant content for each section
  3. Place your cursor at the beginning of each section heading.
  4. Click on the "Insert Anchor" icon  anchor.png
  5. Give your anchor a name, no spaces, all lowercase, then click on Insert.
    insert-anchor.png


  6. Now go to your list with the table of contents.
  7. Highlight your list item that matches the section that has the anchor you just created, then click on the insert/edit link 62953591CRCPAYNTYXDPCKH0-link.png
  8. In the url field, enter the pound sign "#" follow by the anchor name you created in step 5.
    anchor-link.png


  9. Click on Insert.
  10. Repeat the steps for each section that you want to create an anchor link.

Add a comment

Please log in or register to submit a comment.

Need a password reminder?