Anchor links allow readers to jump to a specific part of the page. If your article or page is really long or text-heavy, consider creating a table of contents with the Vertical Menu, and use that for quick navigation. It is quite easy to implement, you only need to do to follow these 3 steps.

1. Add anchor points to your page

Even if you are just creating a new page, or have an existing one, you need to place the anchor points, where the links will point to. You can make that easily if you add ID attributes for the container of a block. This can be a simple DIV or Section element the only point is that ID should be unique. Here is a small example:

<section id="section-1">
  Content of the first block...
</section>

<section id="section-2">
  Content of the second block...
</section>

<section id="section-3">
  Content of the third block...
</section>



2. Create a menu with anchor links

You need to go to your menu manager, and create a new menu. This one will include the items for our anchor menu. So add a new item, select the type System Links/External URL. Into the Link input field you need to add the previously created IDs, for example #section-1. It is important to also place the # before the ID, as that will shows to the menu that this is an anchor link. Then save the menu item, and do the others.

3. Create the Vertical Menu

When you are ready with the 2 steps above, you only need to create an instance for that of the Vertical Menu. You can use any type of navigation mode, all of them support the anchor menu.

• < Prev
• Next >