Manage and Optimize Sidebars in Blocksy Theme

The sidebar is a very important component in website design. Not only does it display additional information, but it can also help guide visitors to specific actions that enhance the e-commerce experience, such as adding features like filters.Blocksy thematic Makes managing the sidebar easier, and the Blocksy Pro Provides more functionality and supports the creation of multiple customa side-bar (in software)and assign them to different parts of the site. In this article, we'll explain how to create a new section in the Blocksy Theme Enable, manage, and optimize the sidebar in the middle, and show the Blocksy Pro of multiple sidebar extensions.

Image [1] - How to Manage and Optimize Sidebars in Blocksy Theme

Enable Sidebar

exist Blocksy thematic It's very easy to enable the sidebar. First, go to the customizer hit the nail on the head Page SetupThe sidebar can be enabled for standard pages that have been created. You can choose to place the sidebar on the left or right side of the page.single article The page also has the same layout options, and users can choose to have the sidebar displayed on the left or right side.

Image [2] - How to Manage and Optimize Sidebars in Blocksy Theme

with regards to Post Archive PageThe sidebar options are located in the Blog Posts The bottom of the settings. Unlike standard pages, post archive pages do not support regular or narrow layouts, but it is still possible to enable sidebars and choose where to display them.


with regards to WooCommerce web pageThe individual product pages have the same sidebar layout options as the standard pages.

The alt attribute of this image is empty; the file name is 20250426142935433-image.png

(indicates contrast) WooCommerce Product archive page then it shares the same sidebar display options as the post archive page.

The alt attribute of this image is empty; the file name is 20250426143042504-image.png

Customize the appearance of the sidebar

Blocksy thematic Four design styles are provided to optimize the sidebar appearance:

  • classic design: Displays widgets by default for most sites.
The alt attribute of this image is empty; the file name is 20250426143145925-image.png
  • Container design: Place the sidebar in a container with a background color to distinguish it from the page content.
The alt attribute of this image is empty; the file name is 20250426143210113-image.png
  • Divider design: by separating thea side-bar (in software)Distinguish it from the main content and make the page look neater.
This image has an empty alt attribute; the file name is 20250426143237718-image.png
  • Full background design: Apply a background color to the side of the page where the sidebar is located to create a unique visual effect.
The alt attribute of this image is empty; the file name is 20250426143302578-image.png

Control sidebar layout and spacing

Blocksy Theme Allows the user to adjust the width of the sidebar, which can be expressed as a percentage, to control the width of the page occupied by the sidebar. In addition, the user can adjust the Sidebar Gap, i.e. the spacing between the content and the sidebar, ensures that the page looks neater and more organized.

The alt attribute of this image is empty; the file name is 20250426143432445-image.png

Additionally, the vertical spacing between widgets can be adjusted to avoid overly compact elements and improve the readability of the page.

Fixed sidebar function

For users who wish to always display the contents of the sidebar, theBlocksy Pro offers Fixed sidebar function. With this feature, the sidebar can be fixed in the browser viewport, ensuring that it is always visible and suitable for displaying important information or navigation items.

The alt attribute of this image is empty; the file name is 20250426143528821-image.png

Device visibility settings

Blocksy Theme A sidebar is also provided for the Device visibility settings, you can choose on which devices to display the sidebar.

The alt attribute of this image is empty; the file name is 20250426143619913-image.png

If you choose to display the sidebar on mobile devices, you can also set where the sidebar is displayed, such as whether it is before, after, or elsewhere in the page content.

The alt attribute of this image is empty; the file name is 20250426143700961-image.png

Multiple Sidebar Extensions (Blocksy Pro)

exist Blocksy Pro The user can enable the Multiple Sidebar Extensions. This feature allows creating multiple custom sidebars for a website and assigning them to specific pages.

  • Enabling Extended Functions: Enter Blocksy panel, select extensionsEnable Multiple sidebars Expansion.
The alt attribute of this image is empty; the file name is 20250426143813338-image.png
  • Create custom widget area: in exterior condition > widgets page, click Create a new widget area and name it. Then, add the desired widgets.
This image has an empty alt attribute; the file name is 20250426143946877-image.png
The alt attribute of this image is empty; the file name is 20250426144053973-image.png
  • Assigning Sidebars to Pages: After creating the sidebar, click on the gear icon to enter the Condition Manager, choose which pages the sidebar is applied to, and the user can select the entire site or specific pages.
The alt attribute of this image is empty; the file name is 20250426144208221-image.png
The alt attribute of this image is empty; the file name is 20250426144249551-image.png
  • View Results: After saving the settings, refresh the site to see that the newly created sidebar has been successfully applied to the selected page.
The alt attribute of this image is empty; the file name is 20250426144328499-image.png
This image has an empty alt attribute; the file name is 20250426144432449-image.png

summarize

Blocksy thematic Powerful sidebar management features are provided, whether it's a simple sidebar layout, or through the Blocksy Pro Creating multiple customized sidebars, users can all adjust the page design as needed. With flexible layout settings, visual styles and device visibility controls, users can create the ideal web page layout to enhance the functionality and interactivity of their website.

Recent Updates


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
Customer Service
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by: thieves will be rats and mice courage
THE END
If you like it, support it.
kudos1032 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments