在 Blocksy 主题中管理和优化侧边栏

在网站设计中,侧边栏是非常重要的组成部分。它不仅展示额外信息,还可以帮助引导访客进行特定操作,提升电商体验,如添加筛选器等功能。Blocksy 主题 让管理侧边栏变得更加简便,而 Blocksy Pro 提供了更多功能,支持创建多个自定义侧边栏并将其分配到网站的不同部分。本文将介绍如何在 Blocksy 主题 中启用、管理和优化侧边栏,并展示 Blocksy Pro 的多重侧边栏扩展。

启用侧边栏

Blocksy 主题 中,启用侧边栏非常简单。首先,进入 自定义器 中的 页面设置,可以为已创建的标准页面启用侧边栏。可以选择将侧边栏放置在页面的左侧或右侧。单篇文章 页面也有相同的布局选择,用户可以选择将侧边栏显示在左侧或右侧。

对于 帖子存档页面,侧边栏选项位于 博客文章 设置的底部。与标准页面不同,帖子存档页面不支持常规或窄布局,但仍然可以启用侧边栏并选择显示位置。

对于 WooCommerce 页面,单个产品页面具有与标准页面相同的侧边栏布局选项。

WooCommerce 产品存档页面 则与帖子存档页面共享相同的侧边栏显示选项。

自定义侧边栏外观

Blocksy 主题 提供了四种设计样式来优化侧边栏外观:

经典设计:默认显示小部件,适用于大多数网站。

容器设计:将侧边栏放置在带背景颜色的容器中,与页面内容区分开。

分隔线设计:通过分隔线将侧边栏与主内容区分开,使页面显得更加整洁。

全背景设计:为侧边栏所在的一侧页面应用背景颜色,打造独特的视觉效果。

控制侧边栏布局和间距

Blocksy 主题 允许用户调整侧边栏的宽度,可以以百分比形式表示,控制侧边栏所占的页面宽度。此外,用户可以调整 侧边栏间隙,即内容与侧边栏之间的间距,确保页面看起来更加整洁有序。

另外,还可以调整小部件之间的垂直间距,避免元素过于紧凑,提升页面的可读性。

固定侧边栏功能

对于希望始终展示侧边栏内容的用户,Blocksy Pro 提供了 固定侧边栏 功能。通过该功能,侧边栏可以在浏览器视口内固定,确保侧边栏始终可见,适用于展示重要信息或导航条目。

设备可见性设置

Blocksy 主题 还提供了侧边栏的 设备可见性设置,可以选择在哪些设备上显示侧边栏。

如果选择在移动设备上显示侧边栏,还可以设置侧边栏显示的位置,例如是在页面内容之前、之后,还是其他位置。

多重侧边栏扩展功能(Blocksy Pro)

Blocksy Pro 中,用户可以启用 多重侧边栏扩展功能。该功能允许为网站创建多个自定义侧边栏,并将其分配到特定页面。

启用扩展功能:进入 Blocksy 面板,选择 扩展,启用 多重侧边栏 扩展。

创建自定义小部件区域:在 外观 > 小部件 页面,点击创建一个新的小部件区域,并为其命名。然后,添加所需的小部件。

分配侧边栏到页面:创建好侧边栏后,点击齿轮图标进入 条件管理器,选择侧边栏应用于哪些页面,用户可以选择整个网站或特定页面。

查看效果:保存设置后,刷新网站,即可看到新创建的侧边栏已成功应用到选定页面。

总结

Blocksy 主题 提供了强大的侧边栏管理功能,无论是简单的侧边栏布局,还是通过 Blocksy Pro 创建多个自定义侧边栏,用户都可以根据需要调整页面设计。通过灵活的布局设置、视觉样式和设备可见性控制,用户可以打造理想的网页布局,提升网站的功能性和互动性。

最近更新

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注