In Squarespace 5, you can add up to two sidebars to your site and populate them with links, information, and content widgets. You can also set sidebar content to only display on certain pages.
When setting up sidebar, there are two main steps:
- Set the style - Determine the number of sidebar columns and their layout.
- Organize content - Add and organize the links and widgets that display in your sidebars.
Step 1 - Choose a sidebar layout style
The number of sidebars that display on your site is determined by your site's style. If your site doesn't have the layout you want, create a custom style:
- Open Style Mode.
- In the Templates & Styles tab, click on your template.
- Hover over the style you're using and click Edit this style.
- Give your new style a name and click Create Style.
- Click on the Banner & Navigation tab.
- Use the Column Layout icons to choose how sidebar columns will appear on your site.
- Click Save Changes.
Step 2 - Organize the content
In the Website Management Bar, click Architecture.
The Architecture area is split into Sidebar 1 and Sidebar 2. Each Sidebar contains sections.
- The top section containing links in Section 1 will always become the top navigation for your site. These links won't show in a sidebar.
- If your template's style has one column, all other sections in Sidebar 1 will display in that column. Sections in Sidebar 2 won't display on your site.
- If your template's style has two columns, the sections in Sidebar 2 will always show in the right column.
Tip: If your style only has one column, you'll see an alert in Sidebar 2 that says "Sidebar hidden by template." Step 1 explains how to create a style with two columns.
Here's an example of how your Architecture could look:
And here's how it would display on your site:
Drag sections within a sidebar to reorder them, or to move them from one sidebar to another. You can also drag pages or widgets within a section to rearrange them.
To add content, add a new section to either sidebar and add either pages or widgets. You can also drag existing pages or widgets into the section. For example:
- Add an HTML widget to add custom code, or use its WYSIWYG editor to add images.
- Add twitter updates with the Twitter Social Widget.
- Add external links with the Links Widget.
- Create a list of blog categories with the Journal Index Widget.
To learn more, visit Adding and editing content.
Setting content display preferences
To hide a section in either Sidebar, click Hide. The content in that section won’t display on your site. However, enabled pages within the section will still be accessible via direct URL.
To display a section only on certain pages, click Modify, then choose Display Only When Specific Pages Are Active or Display Only When Specific Pages Are NOT Active.
Use the filters that appear to choose which pages your section will appear on. For example, here’s how you’d set a widget section to only appear on your homepage: