在网站设计中,侧边栏是非常重要的组成部分。它不仅展示额外信息,还可以帮助引导访客进行特定操作,提升电商体验,如添加筛选器等功能。Blocksy 主题 让管理侧边栏变得更加简便,而 Blocksy Pro 提供了更多功能,支持创建多个自定义侧边栏并将其分配到网站的不同部分。本文将介绍如何在 Blocksy 主题 中启用、管理和优化侧边栏,并展示 Blocksy Pro 的多重侧边栏扩展。
启用侧边栏
在 Blocksy 主题 中,启用侧边栏非常简单。首先,进入 自定义器 中的 页面设置,可以为已创建的标准页面启用侧边栏。可以选择将侧边栏放置在页面的左侧或右侧。单篇文章 页面也有相同的布局选择,用户可以选择将侧边栏显示在左侧或右侧。
对于 帖子存档页面,侧边栏选项位于 博客文章 设置的底部。与标准页面不同,帖子存档页面不支持常规或窄布局,但仍然可以启用侧边栏并选择显示位置。
对于 WooCommerce 页面,单个产品页面具有与标准页面相同的侧边栏布局选项。
而 WooCommerce 产品存档页面 则与帖子存档页面共享相同的侧边栏显示选项。
自定义侧边栏外观
Blocksy 主题 提供了四种设计样式来优化侧边栏外观:
经典设计:默认显示小部件,适用于大多数网站。
容器设计:将侧边栏放置在带背景颜色的容器中,与页面内容区分开。
分隔线设计:通过分隔线将侧边栏与主内容区分开,使页面显得更加整洁。
全背景设计:为侧边栏所在的一侧页面应用背景颜色,打造独特的视觉效果。
控制侧边栏布局和间距
Blocksy 主题 允许用户调整侧边栏的宽度,可以以百分比形式表示,控制侧边栏所占的页面宽度。此外,用户可以调整 侧边栏间隙,即内容与侧边栏之间的间距,确保页面看起来更加整洁有序。
另外,还可以调整小部件之间的垂直间距,避免元素过于紧凑,提升页面的可读性。
固定侧边栏功能
对于希望始终展示侧边栏内容的用户,Blocksy Pro 提供了 固定侧边栏 功能。通过该功能,侧边栏可以在浏览器视口内固定,确保侧边栏始终可见,适用于展示重要信息或导航条目。
设备可见性设置
Blocksy 主题 还提供了侧边栏的 设备可见性设置,可以选择在哪些设备上显示侧边栏。
如果选择在移动设备上显示侧边栏,还可以设置侧边栏显示的位置,例如是在页面内容之前、之后,还是其他位置。
多重侧边栏扩展功能(Blocksy Pro)
在 Blocksy Pro 中,用户可以启用 多重侧边栏扩展功能。该功能允许为网站创建多个自定义侧边栏,并将其分配到特定页面。
启用扩展功能:进入 Blocksy 面板,选择 扩展,启用 多重侧边栏 扩展。
创建自定义小部件区域:在 外观 > 小部件 页面,点击创建一个新的小部件区域,并为其命名。然后,添加所需的小部件。
分配侧边栏到页面:创建好侧边栏后,点击齿轮图标进入 条件管理器,选择侧边栏应用于哪些页面,用户可以选择整个网站或特定页面。
查看效果:保存设置后,刷新网站,即可看到新创建的侧边栏已成功应用到选定页面。
总结
Blocksy 主题 提供了强大的侧边栏管理功能,无论是简单的侧边栏布局,还是通过 Blocksy Pro 创建多个自定义侧边栏,用户都可以根据需要调整页面设计。通过灵活的布局设置、视觉样式和设备可见性控制,用户可以打造理想的网页布局,提升网站的功能性和互动性。