Anchor Links
Freeform Text
The purpose of anchor links is to quickly jump to sections of a page through an in-page link. This is useful if you have a page that has a lot of information users would need to scroll through to find. You can title sections with headers and then use anchor links to allow your site visitors to quickly get to information.
- Select the anchor point for your link. This can be a header item, a block title or a word.
- Once the target is highlighted, choose the flag icon in the editor menu.
- This opens an editing pane that allows you to type in the name of the anchor. Please use a simple word for this. If you need more than one word, use a hyphen separated phrase.
- Save the anchor.
Links to anchors can achieve many useful operations such as in page menu structure, a link to the top of a page, or a link to a section of the page. See the example accordion for uses.
- After creating the anchor, choose the word or link list item that you want to link from.
- Choose the chain icon in the editor menu to start the linking process.
- In the Add link dialog, input a hash symbol (#) in front of your anchor name.
- Save the link.
Each custom block requires a title. They are auto-generated from the title of the custom block. You can edit them to your specifications and use them as a section header. You may choose to have them appear on the page or not. If you are using them, they also can be used as anchor points on the page.
In the custom block custom class field,

Enter the name of your anchor. The format is: anchor-name-[anchor_name]: This class is a special one that does not modify the appearance of a block but instead adds a targetable anchor for linking to that block.
e.g. "anchor-name-foo" will add an anchor to your block that can be targeted with "#foo" and appended to links (i.e. example.osu.edu/mypage#foo).
In-page Anchor Link Example
Anchors can minimize user scrolling by allowing jumps to content on the page.
Section 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Leo duis ut diam quam nulla porttitor massa. Ultricies mi eget mauris pharetra et. Risus quis varius quam quisque id diam vel quam. Velit dignissim sodales ut eu sem integer. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Scelerisque purus semper eget duis at tellus. Risus quis varius quam quisque id diam vel quam elementum. Vitae congue eu consequat ac felis donec et. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Ut ornare lectus sit amet est placerat. Mauris rhoncus aenean vel elit. Diam maecenas sed enim ut sem viverra aliquet eget sit. Cras ornare arcu dui vivamus arcu felis bibendum. Amet mattis vulputate enim nulla aliquet porttitor lacus luctus.
Sodales ut eu sem integer vitae justo. Lacus vestibulum sed arcu non odio euismod lacinia. Accumsan sit amet nulla facilisi morbi tempus iaculis urna id. Nibh tellus molestie nunc non blandit massa. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Habitant morbi tristique senectus et. Felis bibendum ut tristique et egestas. In dictum non consectetur a erat nam at. Egestas congue quisque egestas diam in arcu cursus euismod. Feugiat nisl pretium fusce id velit ut tortor pretium viverra. Eget nunc lobortis mattis aliquam faucibus purus. Sed risus ultricies tristique nulla aliquet enim tortor. Sed cras ornare arcu dui vivamus arcu felis bibendum ut. Pretium quam vulputate dignissim suspendisse in est ante in nibh. Orci a scelerisque purus semper eget duis at tellus. Mollis nunc sed id semper risus in hendrerit. Pulvinar etiam non quam lacus suspendisse faucibus interdum. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Nisl purus in mollis nunc sed id semper risus. Nisl purus in mollis nunc sed.
Amet facilisis magna etiam tempor orci eu lobortis elementum. Volutpat lacus laoreet non curabitur gravida. Massa id neque aliquam vestibulum morbi blandit cursus risus. Scelerisque varius morbi enim nunc. Felis donec et odio pellentesque diam volutpat commodo. Mauris a diam maecenas sed enim. Elementum pulvinar etiam non quam. Ac turpis egestas integer eget. Lacus sed turpis tincidunt id aliquet risus feugiat. Elit duis tristique sollicitudin nibh sit amet commodo. Ut diam quam nulla porttitor. Ac turpis egestas sed tempus urna et. Blandit turpis cursus in hac habitasse platea dictumst quisque sagittis. Ut sem nulla pharetra diam sit amet. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Amet luctus venenatis lectus magna fringilla. Malesuada nunc vel risus commodo viverra maecenas accumsan lacus vel. Sagittis eu volutpat odio facilisis mauris sit amet massa.
Section 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Leo duis ut diam quam nulla porttitor massa. Ultricies mi eget mauris pharetra et. Risus quis varius quam quisque id diam vel quam. Velit dignissim sodales ut eu sem integer. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Scelerisque purus semper eget duis at tellus. Risus quis varius quam quisque id diam vel quam elementum. Vitae congue eu consequat ac felis donec et. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Ut ornare lectus sit amet est placerat. Mauris rhoncus aenean vel elit. Diam maecenas sed enim ut sem viverra aliquet eget sit. Cras ornare arcu dui vivamus arcu felis bibendum. Amet mattis vulputate enim nulla aliquet porttitor lacus luctus.
Sodales ut eu sem integer vitae justo. Lacus vestibulum sed arcu non odio euismod lacinia. Accumsan sit amet nulla facilisi morbi tempus iaculis urna id. Nibh tellus molestie nunc non blandit massa. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Habitant morbi tristique senectus et. Felis bibendum ut tristique et egestas. In dictum non consectetur a erat nam at. Egestas congue quisque egestas diam in arcu cursus euismod. Feugiat nisl pretium fusce id velit ut tortor pretium viverra. Eget nunc lobortis mattis aliquam faucibus purus. Sed risus ultricies tristique nulla aliquet enim tortor. Sed cras ornare arcu dui vivamus arcu felis bibendum ut. Pretium quam vulputate dignissim suspendisse in est ante in nibh. Orci a scelerisque purus semper eget duis at tellus. Mollis nunc sed id semper risus in hendrerit. Pulvinar etiam non quam lacus suspendisse faucibus interdum. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Nisl purus in mollis nunc sed id semper risus. Nisl purus in mollis nunc sed.
Amet facilisis magna etiam tempor orci eu lobortis elementum. Volutpat lacus laoreet non curabitur gravida. Massa id neque aliquam vestibulum morbi blandit cursus risus. Scelerisque varius morbi enim nunc. Felis donec et odio pellentesque diam volutpat commodo. Mauris a diam maecenas sed enim. Elementum pulvinar etiam non quam. Ac turpis egestas integer eget. Lacus sed turpis tincidunt id aliquet risus feugiat. Elit duis tristique sollicitudin nibh sit amet commodo. Ut diam quam nulla porttitor. Ac turpis egestas sed tempus urna et. Blandit turpis cursus in hac habitasse platea dictumst quisque sagittis. Ut sem nulla pharetra diam sit amet. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Amet luctus venenatis lectus magna fringilla. Malesuada nunc vel risus commodo viverra maecenas accumsan lacus vel. Sagittis eu volutpat odio facilisis mauris sit amet massa.
Freeform Text
The buttons above this paragraph are created with the Link List Custom Block which then link to the sections of this example area. To make this link, create an anchor link in the section of the page you need to jump to. Then create the Link List block in the page above the section you will link to. The link requires this format to work: in the URl field of the Link List look up the name of the page, in this case Anchor Links, Drupal will autofill the field and then you must append the page link with "#your-anchor-name" For example "Example button link 1" on this page has this link in the Link List "/anchor-links#ex-1".
Posuere ac ut consequat semper viverra nam. Neque volutpat ac tincidunt vitae semper quis lectus nulla at. Leo vel orci porta non. Sed euismod nisi porta lorem mollis aliquam. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Consectetur lorem donec massa sapien faucibus et molestie ac feugiat. Turpis egestas sed tempus urna et pharetra pharetra massa. Eget aliquet nibh praesent tristique magna sit. Et molestie ac feugiat sed lectus vestibulum. Purus sit amet luctus venenatis lectus magna. Pharetra convallis posuere morbi leo urna. Elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Est placerat in egestas erat imperdiet sed euismod nisi. Sit amet mattis vulputate enim nulla. Turpis in eu mi bibendum neque egestas. Eget nunc scelerisque viverra mauris in aliquam. Tortor condimentum lacinia quis vel. Sit amet massa vitae tortor condimentum lacinia quis. Orci ac auctor augue mauris augue.
Posuere ac ut consequat semper viverra nam. Neque volutpat ac tincidunt vitae semper quis lectus nulla at. Leo vel orci porta non. Sed euismod nisi porta lorem mollis aliquam. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Consectetur lorem donec massa sapien faucibus et molestie ac feugiat. Turpis egestas sed tempus urna et pharetra pharetra massa. Eget aliquet nibh praesent tristique magna sit. Et molestie ac feugiat sed lectus vestibulum. Purus sit amet luctus venenatis lectus magna. Pharetra convallis posuere morbi leo urna. Elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Est placerat in egestas erat imperdiet sed euismod nisi. Sit amet mattis vulputate enim nulla. Turpis in eu mi bibendum neque egestas. Eget nunc scelerisque viverra mauris in aliquam. Tortor condimentum lacinia quis vel. Sit amet massa vitae tortor condimentum lacinia quis. Orci ac auctor augue mauris augue.
Posuere ac ut consequat semper viverra nam. Neque volutpat ac tincidunt vitae semper quis lectus nulla at. Leo vel orci porta non. Sed euismod nisi porta lorem mollis aliquam. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Conse/node306#ex-4ctetur lorem donec massa sapien faucibus et molestie ac feugiat. Turpis egestas sed tempus urna et pharetra pharetra massa. Eget aliquet nibh praesent tristique magna sit. Et molestie ac feugiat sed lectus vestibulum. Purus sit amet luctus venenatis lectus magna. Pharetra convallis posuere morbi leo urna. Elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Est placerat in egestas erat imperdiet sed euismod nisi. Sit amet mattis vulputate enim nulla. Turpis in eu mi bibendum neque egestas. Eget nunc scelerisque viverra mauris in aliquam. Tortor condimentum lacinia quis vel. Sit amet massa vitae tortor condimentum lacinia quis. Orci ac auctor augue mauris augue.
Posuere ac ut consequat semper viverra nam. Neque volutpat ac tincidunt vitae semper quis lectus nulla at. Leo vel orci porta non. Sed euismod nisi porta lorem mollis aliquam. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Consectetur lorem donec massa sapien faucibus et molestie ac feugiat. Turpis egestas sed tempus urna et pharetra pharetra massa. Eget aliquet nibh praesent tristique magna sit. Et molestie ac feugiat sed lectus vestibulum. Purus sit amet luctus venenatis lectus magna. Pharetra convallis posuere morbi leo urna. Elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Est placerat in egestas erat imperdiet sed euismod nisi. Sit amet mattis vulputate enim nulla. Turpis in eu mi bibendum neque egestas. Eget nunc scelerisque viverra mauris in aliquam. Tortor condimentum lacinia quis vel. Sit amet massa vitae tortor condimentum lacinia quis. Orci ac auctor augue mauris augue.
Link List
Contact Us
Phone: (614) 688-2828
Email: etshelp@osu.edu
Virtual Helpdesk:
ets.osu.edu/vhd (opens Zoom)
Virtual Helpdesk Hours:
M-F 9:00 A.M.-12:00 P.M.
M-F 1:00 P.M.-4:00 P.M.
Service Desk Locations:
Business Hours:
M-F 8:00 A.M.-5:00 P.M.
View My Tickets & Requests:
https://go.osu.edu/etsportal (external site)
Not seeing what you want on this page?
Try our I Want To... list.