A sidebar is an area of content that can be added to a Content WYSIWYG. A sidebar appears alongside the main content area in desktop view, and below the main content area in mobile view (more on responsiveness).
I could see myself going crazy with sidebars. What are the best practices I should follow?
We understand, we love them too! It's easy to think that sidebars are like post-its for miscellaneous content. However, there is a thing as too much sidebar! Follow these best practices to ensure your sidebars aren't taking center stage.
What are some uses for sidebars?
A nice picture. Tip: did you know you can use any picture from CMU's Flickr account on your website? You're welcome!
Sidebar in the page edit interface.
A Link List is ideal for providing links to helpful resources, email addresses, and quick access to other pages.
The example above uses the Simple style which contains a white background.
An Event List is used for promoting events or highlighting deadlines. Each event listing may contain a link for additional information.
The example above uses the Left Rule style which contains a white background and a grey vertical line at the left.
A WYSIWYG is an open content area for text, images, media, and more.
The example above is styled with a blue background.