Create a Blog Sidebar

Set up a sidebar on a blog

JT Pals avatar
Written by JT Pals
Updated this week

Sidebars are typically used on blogs, but it is possible to set up a sidebar on regular Showit pages without the use of WordPress Placeholders. A sidebar will be designed as a site canvas for use across multiple pages and for ease of editing.
​ 

Create a Sidebar Site Canvas


1) You may start by either adding a canvas to a current page layout and convert to a site canvas later or start by creating a blank site canvas and later adding it to your page.

2) Set the following canvas settings:

  • Adjust Canvas Visibility - Uncheck Visible on Mobile.

  • Adjust Stacking Order - Raise the stacking order number to make sure the sidebar is always stacked over other canvases on the page.

  • Adjust Canvas Height - Set the canvas height low 1px - 20px.

3. Design your sidebar with the content hanging below the bottom edge of the site canvas. Keep in mind that you need to make sure your design won't overlap other content when it's used on the page.

4. Place your site canvas on your page (or convert to a site canvas if you were designing directly on an active page.) It should be placed above any Post Canvas that's set "In Post Loop." The sidebar should have the WordPress Canvas Type set to Static Content.

Note: If you would like to create a Sidebar that will scroll with your page, you can set the sticky setting on your Sidebar canvas to Sticky to Top.

Using Placeholders and WordPress Sidebar Widgets


A custom sidebar in Showit can make use of the following placeholders as long as it's being used on a Blog Template page.

WordPress also uses the term “Sidebar” to define an area in the theme design that WordPress Widgets can be placed into.  If you use the Sidebar 1, 2 or 3 Placeholders in your design then you can populate those areas with widgets inside of your WordPress Admin > Appearance > Widgets settings area.

Keep in mind that these WordPress Widgets may vary in size and design output so you may need to see how the content generates with your design on your live site and make adjustments to your layout to accommodate.

Did this answer your question?