Blocksy 2 引入了一個(gè)全新的顏色模式切換器，通常被稱為“黑暗模式”。該功能基于改進(jìn)后的顏色管理系統(tǒng)，用戶可以在亮色模式和暗色模式之間自由切換。此功能提升了網(wǎng)站的可訪問(wèn)性與視覺(jué)效果。接下來(lái)，介紹啟用和配置顏色模式切換器的步驟。

啟用顏色模式切換器模塊

• 進(jìn)入 WordPress 儀表盤(pán)
  在儀表盤(pán)中，點(diǎn)擊左側(cè)菜單中的 Blocksy，然后進(jìn)入 擴(kuò)展 選項(xiàng)。

• 啟用顏色模式切換器模塊
  激活后，找到 顏色模式切換器模塊 并啟用它。啟用后，在 產(chǎn)品 部分將顯示新的 顏色模式切換器 選項(xiàng)。

配置顏色模式切換器

• 進(jìn)入自定義器
  在 WordPress 儀表盤(pán)中，點(diǎn)擊 外觀 > 自定義，打開(kāi)自定義器界面。

• 添加顏色切換元素
  在 頁(yè)頭 面板中，選擇 顏色切換器元素，將其拖動(dòng)到任意可用行。顧客就能在該位置切換亮色模式與暗色模式。

• 調(diào)整切換器外觀
  可以選擇三種動(dòng)畫(huà)圖標(biāo)，并調(diào)整切換器的大小、標(biāo)簽。也可以設(shè)置默認(rèn)顏色模式，或者啟用與操作系統(tǒng)外觀同步設(shè)置顏色模式的功能。

配置顏色方案

• 調(diào)整顏色方案
  在自定義器中找到 顏色方案 設(shè)置，調(diào)整亮色模式和暗色模式下的顏色，以符合網(wǎng)站的設(shè)計(jì)風(fēng)格。

• 使用調(diào)色板
  為了讓切換器正常工作，所有使用的顏色都應(yīng)來(lái)自預(yù)設(shè)的調(diào)色板。如果使用自定義顏色，切換器將無(wú)法正確調(diào)整顏色對(duì)比度。

解決顏色顯示問(wèn)題

• 解決對(duì)比度問(wèn)題
  如果某些元素（如產(chǎn)品標(biāo)題）在深色模式下對(duì)比度不足，只需選擇調(diào)色板中的正確顏色，系統(tǒng)會(huì)自動(dòng)完成切換。

• 添加自定義顏色
  如果某些元素在顏色模式切換時(shí)顯示效果不理想，可以通過(guò)添加新的自定義顏色來(lái)改善。進(jìn)入調(diào)色板，選擇新的顏色，確保頁(yè)面元素在兩種模式下都能正常顯示。

預(yù)覽和測(cè)試

• 保存并查看效果
  完成設(shè)置后，保存更改并前往網(wǎng)站前端，選擇任何產(chǎn)品，點(diǎn)擊 顏色切換器按鈕，顧客可以看到亮色模式與暗色模式之間的切換效果。
• 調(diào)整展示方式
  可以為每個(gè)產(chǎn)品頁(yè)面添加更多自定義選項(xiàng)，確保顧客能夠在瀏覽過(guò)程中輕松獲取所需信息。

總結(jié)

Blocksy 2 的顏色模式切換器為商家提供了一個(gè)簡(jiǎn)單的工具，可以為顧客提供個(gè)性化的瀏覽體驗(yàn)。顧客可以自由切換亮色模式和暗色模式，享受更舒適的視覺(jué)展示。商家只需進(jìn)行簡(jiǎn)單設(shè)置，就能為顧客提供更好的瀏覽體驗(yàn)，提高互動(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é)假日休息