A sidebar is an area of content that can be added to a Content WYSIWYG. Sidebars appear alongside the main content area in desktop view, and below the main content area in mobile view (more on mobile responsiveness).
Sidebars are useful because:
- You can utilize a variety of content including text, images, links and calendar events
- They come in a variety of colors and styles
- You can add multiple sidebars on one page
- Bio Index and News Index pages have the option to feature a Jump Menu as a sidebar which provides links to different sections on the page
There are three types of sidebar, one of which being WYSIWYG which functions the same way as Content WYSIWYG. Additionally you can choose to format your sidebar as a Link List or an Event List.
What are the best practices I should follow regarding sidebars?
- Stick with 1-3 sidebars per page
- Use sidebars to complement the information in the main content area, not as the main content element itself
- Use sidebars to draw attention to important information, like a deadline or a contact method
- Avoid lengthy content in sidebars; if you have a lot to say about something, consider placing it in the main content area
- Having many color options is exciting, but try to be careful not to let colors distract from the content of your page; use color sparingly and intentionally
What are some common uses for sidebars?
- Helpful links
- Contact information
- Calendar events & deadlines
- Twitter feeds
- Quick tips