跳到主要內容
手刻網站到區塊編輯器，從視覺設計走向結構化系統
2012－2015：種下火種的職訓時光 🌱
故事的起點，是 2012 年 5 月的「網際網路應用班」。在那之前，我還在用 IE 8，是周老師（Necos）第一次帶我開啟 Chrome，教我理解 Gmail 篩選器與 Google 雲端硬碟的真正用途。
那時周老師建議我把部落格從無名小站搬到 Google Blogger，這個看似單純的平台轉移，後來卻成了我人生路線的第一次偏移。我開始意識到，網站不只是發表文章的地方，而是一個「內容如何被組織」的空間。
2014 年，我考取了網頁設計丙級證照，HTML / CSS 成為我的強項，但現實很快給了我一個限制：Blogger 的 XML 模板是封閉的。當時的我以為，架站就是把文字填進去，能動就好，卻沒意識到，一個沒有資料結構的網站，註定只能成為數位世界裡的孤島。
2015－2017：Blogger 時期 📝
2015 年，一位教會的資工系弟兄在「新媒體教會研習會」提到我，讓我意外接到長老教會牧師的聯繫，開啟了嘉義中會等機構的網站合作。那一年，是我的技術突破年，我對雲端主機與網頁代管產生近乎偏執的好奇，開始不斷嘗試、拆解、重組 Blogger 的極限。
直到接觸 Wayne Fu 的【Blogger 頁面判斷式語法】，整個世界才真正被打開。我第一次能實現「各從其類、簡潔純淨」的設計理念，讓內容不再混雜成一團。短短兩年，我從幾乎沒有語法概念，到能隨心所欲地設計 Blogger 的任何已知區塊，這段經歷不只奠定了我對 HTML / CSS 的底層直覺，也徹底點燃了我對「結構化」的執念。
2017 年，很久沒消息的周老師透過 Google+ 聯繫我，他驚訝地發現我竟然把 Blogger 玩到極致。恰逢 Google Drive 與 Dropbox 相繼關閉 HTML 代管功能，周老師乾脆分享 NAS 空間讓我存放 CSS / JS，並幫我安裝了 WordPress。
就在那一刻，我正式踏進了 CMS 的世界。
2017－2020：覺醒與陣痛 🎨
一開始，完全無法掌握 WordPress，最後回頭去用熟悉的 Blogger，直到發現 Elementor，我從此進入了所謂的「視覺大航海時代」。2020－2024：結構化轉型 🏗️
後來發現 CPT (自訂內容類型)及 ACF (自訂欄位)，我開始理解「內容與設計分離」的真正意義，逐步建立「範本」與「母片」的概念，學會把資料物件化，並透過 ACF 去理解資料如何在網站中流動。雖然仍在使用 Elementor，但我已不再只是畫布上的畫家，而是開始嘗試成為一個資料結構設計者。
2024 年底：最關鍵的轉折 🕯️
在 Elementor 的舒適圈待久了，我很清楚自己的瓶頸就在那裡，直到遇見師父，他給了我一個最困難、卻也最關鍵的功課：「捨棄 Elementor，徹底改用 Block Editor。」師父說，只要我能突破這道技術天花板，他就能安心退休，並把他的客戶交給我。
這是一場技術昇華的修行，我憑著過往 HTML / CSS 的底子，經過 FB社團高手指點及詢問 ChatGPT，硬是把 Blocksy Pro + Kadence Blocks Pro 摸透，並將 CPT + ACF + Taxonomy 推向一個全新的層次。
2025 ～ 至今：結構化系統的完全體 ⚡
現在的我，已經完全拋棄拖曳式編輯器所累積的技術債。我用 Blocksy Pro 掌控全域樣式，用 Kadence Blocks Pro 實踐我最偏好的 Flexbox 佈局，並透過 CPT + ACF + Taxonomy 建立一套幾乎「鎖死」的結構化系統。
當我用這套新架構重新打造「七星中會」網站時，我已不再爭論什麼是正規做法，而是直接在底層邏輯上實施技術領導：你只能填我設計好的欄位，其它的，一丁點都動不了。
這不是傲慢，而是專業的仁慈。與其在混亂中妥協，不如用系統建立秩序。如果不願意為專業架構付費，那就去用 Google 協作平台，請不要在 WordPress 的宇宙裡製造數位垃圾。走到今天，這十多年來我早已不只是幫別人架網站，而是在幫組織建立一套——想改，也改不爛的數位資產。