Adding anchor link

Click on these anchors or jump links to see them working

Part one

Part two

Part three

How to do add an anchor

There are controllers on the right side of website to help users scroll up and down (the arrow in a grey box is only visible when you scroll down). However, if you would prefer to add your own anchor links here’s how.

Firstly, you need to create the link. You do this by viewing this area in ‘Text’ mode. Then enclose your heading in the tags shown below. Remember, you don’t have to use h3, it can also be h1 h2 h4 h5 h6 or ‘p’ (paragraph text).

Remember to add a hashtag e.g. #part3

 photo Code-Snippet-Link P3_zpsrg1e70hm.jpg

Finally, you need to create an anchor point or destination for the link. You do this by adding an ‘id’ tag as shown below.
 photo Code-Snippet-Anchor P3_zpshb60uf1x.jpg

In addition, you can add ‘back to top’ buttons and links. Firstly, you need to create an anchor at the top of your page.

 photo Code-Snippet-Top-Anchor_zpsc8lj3ylm.jpg

Here’s the code for button. You can create a button using the ‘button’ button in the formatting palette while it ‘Text’ display mode. Remember to use this button again to close the button tag. Button should read ‘/button’. Remember to add ‘#top’ for your link. A color is optional.

 photo Code-Snippet-Button Top_zpsvajnzadg.jpg

Instead of a button, you can also using a heading ‘Back to top’ if you prefer. Remember to add ‘#top’.

 photo Code-Snippet-Link Top_zps3p1unsua.jpg

That’s it!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer metus tellus, blandit quis interdum ac, mattis vitae metus. Ut facilisis justo in tristique dapibus. Duis vestibulum orci diam, vitae semper ligula dapibus vitae. Aenean fermentum sem quis laoreet dignissim. Nunc tristique, risus non mollis facilisis, leo velit semper turpis, ut auctor nunc augue in risus. Pellentesque sit amet vulputate nibh. Nullam fermentum nunc et mauris efficitur, a ornare dui eleifend. Curabitur iaculis elit a felis blandit interdum. Phasellus feugiat orci non iaculis tristique. Etiam posuere porttitor ligula, a laoreet tortor fermentum sit amet. Sed feugiat malesuada blandit. Vivamus vel ligula nec orci gravida consequat. Curabitur vitae nisl tincidunt, semper eros sollicitudin, aliquam metus. Vestibulum suscipit tellus sed ipsum mollis imperdiet pellentesque nec felis. Donec id lacus porttitor eros fringilla ullamcorper non sit amet dolor. Suspendisse placerat a sapien ac rutrum.

Part one

Aliquam elementum felis pretium, mollis lacus et, condimentum felis. Sed vel dictum ante. In et ipsum a turpis sollicitudin mollis. In sit amet luctus tellus. Quisque efficitur feugiat tempor. Nulla venenatis risus ac faucibus imperdiet. In dapibus magna et dictum faucibus. In semper erat vitae felis tristique, ut vestibulum sem aliquet. Nunc id commodo odio. Ut vitae ultricies nisi, feugiat sagittis odio. Curabitur molestie varius lectus et sollicitudin. Sed aliquet sodales auctor. Nulla posuere purus quis ante vulputate, et cursus massa rutrum.

Back to top

Part two

Duis id neque a nisi vulputate ultricies. Nam feugiat massa et nulla molestie dictum quis a nisl. Sed arcu nisl, pellentesque vitae porta ac, lobortis vel sem. In urna lacus, posuere eget sollicitudin in, imperdiet eu elit. Curabitur sagittis accumsan diam vel tempor. Integer nisl nisl, aliquam eget ullamcorper in, pulvinar non ex. Donec sem augue, tempus ac tincidunt non, consectetur id urna. Cras at molestie urna. Nam cursus, sapien in pellentesque cursus, urna metus efficitur magna, in malesuada turpis diam sed felis. Pellentesque ut fermentum magna. Vestibulum ultrices commodo sem ut varius. Curabitur tempus purus consectetur tincidunt sollicitudin. Sed lacinia facilisis magna, sed dictum magna fringilla at. In tempus, enim vel tincidunt tincidunt, felis nisi egestas purus, eu molestie tellus ante sed metus. Sed ornare mi sit amet nisl pulvinar, nec sagittis nibh vulputate. Nulla bibendum enim consectetur tristique viverra.

Back to top

Part three

Duis id neque a nisi vulputate ultricies. Nam feugiat massa et nulla molestie dictum quis a nisl. Sed arcu nisl, pellentesque vitae porta ac, lobortis vel sem. In urna lacus, posuere eget sollicitudin in, imperdiet eu elit. Curabitur sagittis accumsan diam vel tempor. Integer nisl nisl, aliquam eget ullamcorper in, pulvinar non ex. Donec sem augue, tempus ac tincidunt non, consectetur id urna. Cras at molestie urna. Nam cursus, sapien in pellentesque cursus, urna metus efficitur magna, in malesuada turpis diam sed felis. Pellentesque ut fermentum magna. Vestibulum ultrices commodo sem ut varius. Curabitur tempus purus consectetur tincidunt sollicitudin. Sed lacinia facilisis magna, sed dictum magna fringilla at. In tempus, enim vel tincidunt tincidunt, felis nisi egestas purus, eu molestie tellus ante sed metus. Sed ornare mi sit amet nisl pulvinar, nec sagittis nibh vulputate. Nulla bibendum enim consectetur tristique viverra.

Coffee-Glasgow-8109441-10x6

Back to top