Sidebars
A sidebar is a space to the side of a web page that includes additional content - often links to other pages within the site. Sidebars are helpful navigational tools that can let readers know about pages that they might not have otherwise seen, allowing them to make better use of your website. Most people.ua.edu users employ a sidebar to group together sets of "nested" pages that don't appear in the main navigation bar at the top of the site. This allows visitors who use accessibility tools like screen readers to navigate more easily. To provide additional accessibility, use the Title tool instead of the Text tool to create your links - screen readers will give this kind of text higher priority.
In general, it is better practice to place your sidebar on the left side of the page, so that mobile users can access it without having to scroll all the way down.
Adding a sidebar to your site is quite simple: just drag elements beside each other. The video below provides step-by-step instructions for creating columns and sidebars.
In general, it is better practice to place your sidebar on the left side of the page, so that mobile users can access it without having to scroll all the way down.
Adding a sidebar to your site is quite simple: just drag elements beside each other. The video below provides step-by-step instructions for creating columns and sidebars.
Once your sidebar has been created, you can copy it to other pages as needed by hovering over the columns element and clicking the arrow that appears in the upper left corner. Choose "COPY" and then select the page(s) to which you would like to add the sidebar. (Doing this instead of recreating the sidebar from scratch each time ensures a uniform width, design, etc.)
Then, simply place the main content of your page into the right column, and you're finished!
Then, simply place the main content of your page into the right column, and you're finished!