在網(wǎng)站設(shè)計(jì)中，側(cè)邊欄是非常重要的組成部分。它不僅展示額外信息，還可以幫助引導(dǎo)訪客進(jìn)行特定操作，提升電商體驗(yàn)，如添加篩選器等功能。Blocksy 主題 讓管理側(cè)邊欄變得更加簡(jiǎn)便，而 Blocksy Pro 提供了更多功能，支持創(chuàng)建多個(gè)自定義側(cè)邊欄并將其分配到網(wǎng)站的不同部分。本文將介紹如何在 Blocksy 主題 中啟用、管理和優(yōu)化側(cè)邊欄，并展示 Blocksy Pro 的多重側(cè)邊欄擴(kuò)展。

啟用側(cè)邊欄

在 Blocksy 主題 中，啟用側(cè)邊欄非常簡(jiǎn)單。首先，進(jìn)入 自定義器 中的 頁(yè)面設(shè)置，可以為已創(chuàng)建的標(biāo)準(zhǔn)頁(yè)面啟用側(cè)邊欄?？梢赃x擇將側(cè)邊欄放置在頁(yè)面的左側(cè)或右側(cè)。單篇文章 頁(yè)面也有相同的布局選擇，用戶可以選擇將側(cè)邊欄顯示在左側(cè)或右側(cè)。

對(duì)于 帖子存檔頁(yè)面，側(cè)邊欄選項(xiàng)位于 博客文章 設(shè)置的底部。與標(biāo)準(zhǔn)頁(yè)面不同，帖子存檔頁(yè)面不支持常規(guī)或窄布局，但仍然可以啟用側(cè)邊欄并選擇顯示位置。

對(duì)于 WooCommerce 頁(yè)面，單個(gè)產(chǎn)品頁(yè)面具有與標(biāo)準(zhǔn)頁(yè)面相同的側(cè)邊欄布局選項(xiàng)。

而 WooCommerce 產(chǎn)品存檔頁(yè)面 則與帖子存檔頁(yè)面共享相同的側(cè)邊欄顯示選項(xiàng)。

自定義側(cè)邊欄外觀

Blocksy 主題 提供了四種設(shè)計(jì)樣式來(lái)優(yōu)化側(cè)邊欄外觀：

• 經(jīng)典設(shè)計(jì)：默認(rèn)顯示小部件，適用于大多數(shù)網(wǎng)站。

• 容器設(shè)計(jì)：將側(cè)邊欄放置在帶背景顏色的容器中，與頁(yè)面內(nèi)容區(qū)分開(kāi)。

• 分隔線設(shè)計(jì)：通過(guò)分隔線將側(cè)邊欄與主內(nèi)容區(qū)分開(kāi)，使頁(yè)面顯得更加整潔。

• 全背景設(shè)計(jì)：為側(cè)邊欄所在的一側(cè)頁(yè)面應(yīng)用背景顏色，打造獨(dú)特的視覺(jué)效果。

控制側(cè)邊欄布局和間距

Blocksy 主題 允許用戶調(diào)整側(cè)邊欄的寬度，可以以百分比形式表示，控制側(cè)邊欄所占的頁(yè)面寬度。此外，用戶可以調(diào)整 側(cè)邊欄間隙，即內(nèi)容與側(cè)邊欄之間的間距，確保頁(yè)面看起來(lái)更加整潔有序。

另外，還可以調(diào)整小部件之間的垂直間距，避免元素過(guò)于緊湊，提升頁(yè)面的可讀性。

固定側(cè)邊欄功能

對(duì)于希望始終展示側(cè)邊欄內(nèi)容的用戶，Blocksy Pro 提供了 固定側(cè)邊欄 功能。通過(guò)該功能，側(cè)邊欄可以在瀏覽器視口內(nèi)固定，確保側(cè)邊欄始終可見(jiàn)，適用于展示重要信息或?qū)Ш綏l目。

設(shè)備可見(jiàn)性設(shè)置

Blocksy 主題 還提供了側(cè)邊欄的 設(shè)備可見(jiàn)性設(shè)置，可以選擇在哪些設(shè)備上顯示側(cè)邊欄。

如果選擇在移動(dòng)設(shè)備上顯示側(cè)邊欄，還可以設(shè)置側(cè)邊欄顯示的位置，例如是在頁(yè)面內(nèi)容之前、之后，還是其他位置。

多重側(cè)邊欄擴(kuò)展功能（Blocksy Pro）

在 Blocksy Pro 中，用戶可以啟用 多重側(cè)邊欄擴(kuò)展功能。該功能允許為網(wǎng)站創(chuàng)建多個(gè)自定義側(cè)邊欄，并將其分配到特定頁(yè)面。

• 啟用擴(kuò)展功能：進(jìn)入 Blocksy 面板，選擇 擴(kuò)展，啟用 多重側(cè)邊欄 擴(kuò)展。

• 創(chuàng)建自定義小部件區(qū)域：在 外觀 > 小部件 頁(yè)面，點(diǎn)擊創(chuàng)建一個(gè)新的小部件區(qū)域，并為其命名。然后，添加所需的小部件。

• 分配側(cè)邊欄到頁(yè)面：創(chuàng)建好側(cè)邊欄后，點(diǎn)擊齒輪圖標(biāo)進(jìn)入 條件管理器，選擇側(cè)邊欄應(yīng)用于哪些頁(yè)面，用戶可以選擇整個(gè)網(wǎng)站或特定頁(yè)面。

• 查看效果：保存設(shè)置后，刷新網(wǎng)站，即可看到新創(chuàng)建的側(cè)邊欄已成功應(yīng)用到選定頁(yè)面。

總結(jié)

Blocksy 主題 提供了強(qiáng)大的側(cè)邊欄管理功能，無(wú)論是簡(jiǎn)單的側(cè)邊欄布局，還是通過(guò) Blocksy Pro 創(chuàng)建多個(gè)自定義側(cè)邊欄，用戶都可以根據(jù)需要調(diào)整頁(yè)面設(shè)計(jì)。通過(guò)靈活的布局設(shè)置、視覺(jué)樣式和設(shè)備可見(jiàn)性控制，用戶可以打造理想的網(wǎng)頁(yè)布局，提升網(wǎng)站的功能性和互動(dòng)性。

最近更新

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息