
Table of Contents – 使用 Blocksy 與 Kadence Blocks 輕鬆建立文章目錄、內容大綱
在書籍的最開頭一般都會有文章目錄、內容大綱,目的是協助讀者能快速地了解這本書的架構與內容章節,除了讓讀者在初次閱讀時能方便掌握作者的思路之外,讀者後續再次閱讀也能挑選喜歡的章節快速進入內容。
部落格、內容網站也是如此,善加利用文章目錄、內容大綱可以讓訪客有方便的導引工具,清楚的知道目前閱讀的是哪個章節,也能快速地跳到有興趣的章節進行閱讀。
Blocksy 佈景主題編輯器

在書籍的最開頭一般都會有文章目錄、內容大綱,目的是協助讀者能快速地了解這本書的架構與內容章節,除了讓讀者在初次閱讀時能方便掌握作者的思路之外,讀者後續再次閱讀也能挑選喜歡的章節快速進入內容。
部落格、內容網站也是如此,善加利用文章目錄、內容大綱可以讓訪客有方便的導引工具,清楚的知道目前閱讀的是哪個章節,也能快速地跳到有興趣的章節進行閱讀。

使用 Blocksy 兩年多了,雖然這次的 2.0 改版造成了一些站長與 Agency 替客戶管理的大量網站在升級過程中出現問題,但在按照上述步驟操作下,我的網站很順利的無痛升級到 Blocksy 2.0!

這次的網站最佳化實作,我們將網站改版為 Blocksy Theme + Kadence Blocks 區塊編輯器的過程中,觀察到了「單次工作階段頁數」、「網頁瀏覽量」有顯著提升。這些都有賴於 Blocksy 與 Kadence 的超輕量設計,讓我們在設計網站整體風格的時候,不需要像以往使用 Heavy Theme 時為了考量效能只能採用減法策略。

Blocksy 是這幾年快速崛起、頗受網頁設計社群青睞的超輕量佈景主題編輯器,除了彈性、美觀的 UI、UX 設計之外,Blocksy 還提供了 34 種不同主題的 Starter Sites 範本讓大家可以快速建立網站。以超輕量佈景主題編輯器來說 Blocksy 提供了相當高的彈性與設計感可以讓使用者建立出高質感的網站。

這篇文章是以這段時間研究如何自訂 WooCommerce「結帳頁面」Checkout Page,調整、美化結帳流程與使用者體驗,讓顧客能夠更順暢的輸入購買資訊並完成訂單,而不囿限於 WooCommerce 原本缺乏直覺、不具備良好使用者體驗的結帳流程,並提供最佳化多步驟、單一步驟結帳流程體驗的解決方案。