Element: Jump Links
A jump link (also known as an anchor link) is a hyperlink taking visitors further down the same page, or to a specific section of another page. Jump links should be used if you have to have a footnote from an asterisked item on a page.
Note: Depending on your page content, it may be best to use Collapsible Headings instead of jump links.
Instruction Details
Linking to sections on the same page
The links can be created in a variety of ways: a bullet list, icon tiles, buttons, etc. Essentially, any "item" that can be created as a link, can be made into a jump link.
- To create an anchor, put your cursor in the location you'd like people to find and select anchor (flag) icon in toolbar:
- In Anchor Name dialog that appears, enter an intuitive word or hyphenated words you will remember (example: bobcats).
- Select the item (text or button) that will be your link, select it, and choose the "flag/link" button.
- Choose the anchor name you created from the dropdown box and click OK.
- Repeat for all links in list.
- To remove anchor, right-click and select Remove Anchor.
Linking to section on different page
- In node being linked to, create anchor link using steps above.
- In node being linked from, open link editor and insert target page's complete URL (including https://www.ohio.edu) followed by a hashtag (#) and the anchor name. Example: https://www.ohio.edu/about/history-traditions#bobcats).
Jump Link Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod convallis. Euismod lacinia at quis risus sed vulputate odio ut. Sed viverra ipsum nunc aliquet bibendum enim. Visit Ohio University Id porta nibh venenatis cras sed felis eget. Lectus urna duis convallis convallis. Mauris a diam maecenas sed enim ut. Nec dui nunc mattis enim ut tellus.
Apply to Ohio University tristique sollicitudin nibh sit amet commodo. Aliquam sem fringilla ut morbi tincidunt augue interdum. Viverra accumsan in nisl nisi scelerisque eu ultrices. Ultricies mi quis hendrerit dolor. Aenean vel elit scelerisque mauris. Volutpat lacus laoreet non curabitur gravida arcu. Nisi scelerisque eu ultrices vitae auctor. Nam libero justo laoreet sit amet cursus sit amet.
In fermentum posuere urna nec tincidunt praesent. A scelerisque purus semper eget duis at. Diam maecenas ultricies mi eget mauris pharetra et ultrices. spendisse potenti nullam ac. Amet est placerat in egestas erat. Volutpat est velit egestas dui id ornare arcu.
Visit
Penatibus et magnis dis parturient montes nascetur ridiculus mus. Ultricies lacus sed turpis tincidunt id. Eu augue ut lectus arcu bibendum at varius vel pharetra. Viverra orci sagittis eu volutpat odio facilisis. Ultricies mi quis hendrerit dolor magna eget est lorem ipsum. Id venenatis a condimentum vitae sapien pellentesque habitant. Non enim praesent elementum facilisis leo. Purus in massa tempor nec feugiat nisl pretium. Amet mauris commodo quis imperdiet massa. Eros donec ac odio tempor orci dapibus ultrices in.
Pharetra vel turpis nunc eget lorem dolor. In egestas erat imperdiet sed. Nisi scelerisque eu ultrices vitae auctor eu augue ut lectus. Turpis egestas pretium aenean pharetra magna ac. Amet massa vitae tortor condimentum lacinia quis. Ac turpis egestas maecenas pharetra. Mollis aliquam ut porttitor leo a diam sollicitudin. Duis ut diam quam nulla porttitor massa id neque aliquam. Quis lectus nulla at volutpat diam. Adipiscing enim eu turpis egestas pretium aenean pharetra magna ac. Aliquet lectus proin nibh nisl condimentum id venenatis. Tincidunt tortor aliquam nulla facilisi cras. In hendrerit gravida rutrum quisque. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer.
At in tellus integer feugiat. Egestas fringilla phasellus faucibus scelerisque eleifend donec. Ullamcorper morbi tincidunt ornare massa eget. Blandit aliquam etiam erat velit scelerisque in. Egestas egestas fringilla phasellus faucibus. Scelerisque varius morbi enim nunc. Et sollicitudin ac orci phasellus egestas tellus rutrum. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Risus quis varius quam quisque id diam vel quam elementum. Sed tempus urna et pharetra pharetra massa. Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Tellus at urna condimentum mattis. Mi sit amet mauris commodo quis imperdiet massa tincidunt. Vitae congue mauris rhoncus aenean vel elit scelerisque.
Apply
Bibendum arcu vitae elementum curabitur vitae nunc. In arcu cursus euismod quis viverra nibh cras pulvinar mattis. Facilisis mauris sit amet massa vitae tortor condimentum lacinia quis. Aliquam ultrices sagittis orci a scelerisque purus. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Quam id leo in vitae. Nisl purus in mollis nunc sed. Ac turpis egestas maecenas pharetra convallis posuere morbi. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Pellentesque id nibh tortor id aliquet lectus proin. Lorem ipsum dolor sit amet. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Sed odio morbi quis commodo odio.
Porta non pulvinar neque laoreet suspendisse interdum consectetur libero id. Dolor sit amet consectetur adipiscing elit ut aliquam purus. Proin sed libero enim sed faucibus turpis in eu mi. Nibh tortor id aliquet lectus proin. Ornare suspendisse sed nisi lacus sed viverra tellus in. Rhoncus urna neque viverra justo nec ultrices. Facilisis magna etiam tempor orci eu. Sagittis vitae et leo duis. Sem nulla pharetra diam sit amet nisl. Nunc non blandit massa enim nec dui nunc. In arcu cursus euismod quis viverra nibh. Orci eu lobortis elementum nibh tellus. Semper feugiat nibh sed pulvinar.
Jump Links in Collapsible Headings
Jump links also work in collapsible heading sections if you put the anchor at the beginning of the content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Malesuada fames ac turpis egestas maecenas pharetra convallis. Euismod lacinia at quis risus sed vulputate odio ut. Sed viverra ipsum nunc aliquet bibendum enim. Maecenas volutpat blandit aliquam etiam erat velit scelerisque in dictum. Research Ohio University Id porta nibh venenatis cras sed felis eget. Lectus urna duis convallis convallis. Mauris a diam maecenas sed enim ut. Nec dui nunc mattis enim ut tellus. Nulla facilisi cras fermentum odio eu feugiat. Phasellus vestibulum lorem sed risus ultricies.
Join a Club at Ohio University. Aliquam sem fringilla ut morbi tincidunt augue interdum. Viverra accumsan in nisl nisi scelerisque eu ultrices. Ultricies mi quis hendrerit dolor. Aenean vel elit scelerisque mauris. Volutpat lacus laoreet non curabitur gravida arcu. Nisi scelerisque eu ultrices vitae auctor. Nam libero justo laoreet sit amet cursus sit amet. Sit amet massa vitae tortor condimentum lacinia quis. Facilisis leo vel fringilla est ullamcorper eget nulla. scing elit ut. Vulputate enim nulla aliquet porttitor lacus luctus. Pellentesque sit amet porttitor eget dolor morbi non arcu risus. Sit amet dictum sit amet justo donec. Varius sit amet mattis vulputate enim nulla aliquet porttitor. Vitae congue eu consequat ac. Laoreet id donec ultrices tincidunt arcu non. Arcu bibendum at varius vel pharetra vel turpis nunc eget. Et odio pellentesque diam volutpat. At ultrices mi tempus imperdiet nulla malesuada.
Malesuada nunc vel risus commodo viverra maecenas accumsan lacus vel. Volutpat commodo sed egestas egestas fringilla. Venenatis tellus in metus vulputate eu scelerisque felis. Tortor pretium viverra suspendisse potenti nullam ac. Amet est placerat in egestas erat. Volutpat est velit egestas dui id ornare arcu.
Research
Penatibus et magnis dis parturient montes nascetur ridiculus mus. Ultricies lacus sed turpis tincidunt id. Eu augue ut lectus arcu bibendum at varius vel pharetra. Viverra orci sagittis eu volutpat odio facilisis. Ultricies mi quis hendrerit dolor magna eget est lorem ipsum. Id venenatis a condimentum vitae sapien pellentesque habitant. Non enim praesent elementum facilisis leo. Purus in massa tempor nec feugiat nisl pretium. Amet mauris commodo quis imperdiet massa. Eros donec ac odio tempor orci dapibus ultrices in.
Proin nibh nisl condimentum id venenatis. Tincidunt tortor aliquam nulla facilisi cras. In hendrerit gravida rutrum quisque. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer.
Vitae semper quis lectus nulla at volutpat. Maecenas ultricies mi eget mauris. Sit amet mauris commodo quis imperdiet massa tincidunt nunc. Nibh cras pulvinar mattis nunc sed blandit libero.
Adipiscing elit duis tristique sollicitudin nibh sit amet. Nec feugiat in fermentum posuere. Facilisis sed odio morbi quis commodo. Commodo quis imperdiet massa tincidunt nunc pulvinar. Nunc non blandit massa enim nec.
Join a Club
Bibendum arcu vitae elementum curabitur vitae nunc. In arcu cursus euismod quis viverra nibh cras pulvinar mattis. Facilisis mauris sit amet massa vitae tortor condimentum lacinia quis. Aliquam ultrices sagittis orci a scelerisque purus. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Quam id leo in vitae. Nisl purus in mollis nunc sed. Ac turpis egestas maecenas pharetra convallis posuere morbi. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Pellentesque id nibh tortor id aliquet lectus proin. Lorem ipsum dolor sit amet. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Sed odio morbi quis commodo odio.
Semper eget duis at tellus at urna condimentum mattis. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Ornare aenean euismod elementum nisi quis eleifend quam. Scelerisque felis imperdiet proin fermentum leo vel orci porta. Sagittis orci a scelerisque purus semper eget duis. Nulla pharetra diam sit amet nisl.