WordPress 負責編輯，靜態前端負責公開呈現
這是一個 Static Frontend 實際示範網站。我們在 cms.diy168.tw 管理內容，並將建置成果發布到 diy168.tw，讓你直接比較內容來源與公開網站。
cms.diy168.tw 管理內容，diy168.tw 公開呈現
保留熟悉的 WordPress 編輯流程
網站管理者照常在 WordPress 編輯頁面與文章。Static Frontend 的工作，是將前台內容建置、檢查並發布成可獨立提供瀏覽的靜態網站。
運作方式
從內容管理到公開瀏覽，各有清楚的角色
WordPress 提供內容編輯與頁面渲染來源；公開網站則呈現發布後的靜態成果。這個示範站保留現有設計與頁面結構，用來檢查圖片、連結、樣式及互動功能在轉換後的表現。
2
個網址
1
套內容
實際發布
你正在觀看一次實際的發布成果
cms.diy168.tw 是 WordPress 內容來源；diy168.tw 是對外展示的靜態前端。瀏覽不同頁面時，可以檢查選單、圖片、內部連結及版面是否完整保留。
建立靜態頁面
從 WordPress 前台取得內容，產生可供檢查的靜態輸出。
檢查轉換結果
檢視頁面、圖片、樣式與站內連結，找出需要處理的相容性問題。
保留原有設計
以現有網站作為轉換來源，確認公開前端能否呈現原本的版面。
規劃發布流程
在內容建置與正式公開之間加入檢查步驟，降低錯誤頁面上線的機會。
持續更新前端
依內容變動更新公開網站，是 Static Frontend 後續開發的核心目標。
這個示範站要驗證什麼？
轉成靜態頁面只是開始。真正需要確認的是：網站能否正常瀏覽、連結是否指向公開網址，以及內容更新後能否可靠地重新發布。
「一個可用的靜態前端，應該讓訪客正常瀏覽，也讓管理者保有熟悉的 WordPress 編輯方式。」
產品理念
Static Frontend
確認訪客能正常瀏覽各個靜態頁面。
確認選單與站內連結指向公開網址。
確認內容更新後能可靠地重新建置與發布。
查看示範成果
從首頁、內容頁到文章列表，實際檢查同一套 WordPress 內容在靜態前端的呈現。
首頁呈現／內頁與選單／文章列表／頁面轉換實例
適合哪些網站先進行測試？
企業形象網站、部落格及以內容展示為主的 WordPress 網站，都可以先建立靜態輸出，檢查既有設計與功能的相容性。需要登入、結帳或即時個人化內容的頁面，應另行評估。
想了解 WordPress 靜態前端如何運作？
先瀏覽這個示範網站，再看看內容如何從 CMS 轉換為公開前端。我們會持續記錄開發進度與實測結果。