Blocksy 2.0 重大改版，如何無痛更新您的網站?

Blocksy 的開發團隊醞釀已久，在一個多月前陸續於官方 YouTube 頻道逐步釋出 Blocksy 2.0 的改版新功能，終於在 11/24 正式發布了！

如同其他佈景主題的重大改版，Blocksy 的使用者們或多或少還是會遇到更新佈景主題、外掛之後網站出現錯誤，或是先前設計的版面跳版、跳色等問題，根據我過去使用 Thrive Themes 的經驗，Blocksy 升級到 2.0 的步驟相對簡單。

文章回顧 – 「Blocksy – 使用超輕量佈景主題編輯器快速建立網站」。

文章回顧 – 「網站最佳化 – 網站改版就用「Blocksy 佈景主題 + Kadence Blocks 區塊編輯器」

想直接看升級步驟的，前往 Blocksy 2.0 更新步驟章節。

Blocksy 2.0 新功能

為了不與其他外掛造成衝突，Blocksy 2.0 大幅度的更改 CSS 的變數名稱，除此之外，更新增、強化了數十種功能。

以下我們按類別擷取部分功能說明。

從以下的部分功能可以看出 Blocksy 對 WooCommerce 電商的功能強化與支援相當積極，使用 Blocksy 架設電商網站相對幸福的多。

Rearrange WooCommerce Data Layers
- 商店 (Shop) 頁面可以自訂相關資訊 (價格、品名、商品描述、加入購物車按鈕等) 是否顯示，以及排列順序。
- 單一商品頁面可以自訂相關資訊 (價格、品名、商品描述、購買數量、加入購物車按鈕等) 是否顯示，以及排列順序。
Reworked WooCommerce Product Tabs
單一商品頁面下方的頁籤除了商品描述與評分之外，可以新增額外的頁籤了！
New Extensions Manager
管理面板中 Blocksy 的 Dashboard 下，Extensions 頁籤中對擴充功能有更好的管理與展示。
Compare View for Products
使用 Shop Extra 擴充功能，啟用 Compare View 選項即可在自訂外觀時使用商品比較的功能。
Enhanced Product Review System
使用 Shop Extra 擴充功能，啟用 Advanced Reviews 選項即可在自訂外觀時在單一商品頁面中看到進階的商品評價功能，訪客可以給予評等星級、留下完整的評價內容並提供相關圖片。
New Account Dropdown Menu
商店網站的我的帳號圖示現在提供了下拉選單功能 (舊版本是連結，只能連到我的帳號頁面)，選單中可以顯示我的帳號、編輯個人資料、登出、自訂連結、Content Block 等功能。
Related Posts & Products Slider View
單一商品頁面下方的關聯/相關商品提供更豐富的資訊，例如評等星級，並且新增了 Slider 功能能夠顯示更多商品。
Video Thumbnails for Posts & Products
部落格的文章以及商店中的商品的精選圖片可以使用影片呈現了！
Free Shipping Progress Bar
使用 Shop Extra 擴充功能，啟用 Free Shipping 選項即可在自訂外觀時指定此功能是否在購物車、結帳、Mini Cart 等頁面出現。新增商品至購物車中能夠看到達成免運門檻的進度條，可以增加顧客選購更多商品的誘因。
Additional Product Badges
提供更多顯示在商品左上角的標籤，例如售完、新商品等標籤，能提高購物的轉換率。
Personalized “Thank You” Order Pages
使用 Shop Extra 擴充功能，啟用 Custom Thank You Pages 選項即可在 WooCommerce 的 Marketing 功能中新增自訂的 Thank You Pages，更能在這個頁面中加入其他促銷商品提高銷售業績。
Size Guides for Products
使用 Shop Extra 擴充功能，啟用 Size Guide 選項即可在 WooCommerce 的 Products 功能中新增自訂衣物的尺寸對照表，方便顧客瀏覽、選購。
Variation Swatches for Products
使用 Shop Extra 擴充功能，啟用 Variation Swatches 選項即可在商店頁面的可變商品中看到此商品提供的可變屬性，點選不同可變屬性能切換商品圖片。顧客無須進入單一商品頁面就能輕鬆瀏覽商品。
WooCommerce Product Filters
使用 Shop Extra 擴充功能，啟用 Filters 選項即可在外觀下的小工具中，將篩選條件加到商店頁面的 sidebar 中。可以根據商品類別、可變屬性、品牌等進行商品的篩選。

Blocksy 一直以來帶給大家的感覺就是簡單易用、輕量、不影響網站載入效能，但看到 Blocksy 2.0 依然花費了大量精神在處理效能最佳化的問題，真的令人感到安心。

Performance option to load Gravatars locally
Load theme slider CSS only when needed
Optimize fonts loading logic in frontend
Smarter loading of overlays JS files on trigger event
Split WooCommerce related JS from the main bundle
WooCommerce mini cart JS performance
Smarter load extensions CSS files (only when extensions is activated and present on a page)
Faster PHP classes autoloader

期待已久的新功能

New Dark Mode
大家期待已久的深色/夜間模式來了，可以提供給夜貓子訪客良好的觀看體驗。
New Maintenance/Coming Soon Mode
當網站準備改版或新增功能時，可以將訪客導向至維護模式頁面。
Copy Post Types Customizations
當使用 Post Types Extra 擴充功能，啟用 Copy Options 選項即可在自訂外觀時將某個文章類型的設計複製到其他文章類型上，藉此可以統一網站呈現的風格。
New Conditional Manager
對 Blocksy 中的 Content Block 提供了條件觸發功能，可以大量減少對第三方條件觸發功能外掛的依賴。
New Color System
在自訂外觀時可以將網站形象色彩保存為自訂的調色盤，這樣一來在橫跨各個頁面進行設計時，能更方便的使用網站的形象色彩達成風格一致的設計。
Advanced Posts Block
在頁面中可以加入嶄新的文章列表區塊，從官方提供的樣式範本中選取適合網站風格的文章排列方式，或是自由的自訂文章列表區塊的樣式。