Kirki

Kirki 是什麼？

Kirki 是 WordPress 的免費視覺建構工具。它讓你能在無限畫布上進行設計，並在同一工作流程中，透過內建 CMS 與視覺編輯器共同建立頁面。

Kirki 不使用固定格線與欄位，而是採用自由畫布與頁面建構區塊（例如區段、列、欄位與元素），讓你能更直接控制版面配置與樣式。

主要功能

• 無限自由畫布：使用畫布式工作流程進行設計，不受格線或欄位限制，版面配置更具彈性。
• 無限斷點：可在無限多組斷點上套用響應式樣式。
• CSS 變數設計系統：採用 CSS 變數方式建立樣式，支援一致的主題設定。
• 互動與動畫：建立互動行為與動畫，包含互動時間軸與關鍵影格編輯器。
• 內建 CMS 與內容管理員及自訂欄位：在建構工具中直接管理內容，支援參照與多重參照功能。
• 動態模板與集合篩選：使用動態模板行為，例如排程文章、套用集合篩選與分頁。
• 即時協作：支援多位編輯者同時在同一畫布上工作，並可在設計上放置討論串。
• 協作與交接工具：支援暫存模式與發布歷史，以及客戶唯讀分享連結與開發模式。
• 文字動畫與 Lottie 支援：提供文字動畫工具，並支援 Lottie 檔案作為動態素材。

如何使用 Kirki

1. 在 WordPress 網站安裝 Kirki，並使用提供的模板套件建立新設計專案。
2. 在自由畫布上自訂模板，新增與排列建構區塊（區段、列、欄位、元素），並調整樣式。
3. 使用內建 CMS 將設計與內容連結，包含自訂欄位與參照（或多重參照）來建立動態內容。
4. 使用互動時間軸與關鍵影格編輯器加入互動與動畫行為，必要時可使用互動預設值。
5. 在分享給客戶唯讀連結前，透過即時編輯、討論與暫存／發布歷史與團隊協作。

使用情境

• 具備響應式版面的行銷頁面建構工具：在無限畫布上建立登陸頁面，並在無限斷點上進行樣式設定。
• 由 CMS 內容驅動的模板式網站區段：建立動態模板，從內建 CMS 提取內容，並支援參照、分頁與集合篩選。
• 團隊設計與審核工作流程：多位編輯者即時協作，在設計上直接留下討論，<|eos|>

替代方案

• 傳統 WordPress 頁面建構工具（格線／區塊式）：通常採用列／欄系統，較少強調無限自由畫布與內建 CMS 工作流程。
• 具備協作功能的無程式碼網站建構工具：常提供視覺編輯與團隊協作功能，但可能無法直接整合 WordPress CMS 與自訂欄位工作流程。
• 自訂 WordPress 主題／頁面開發：提供完整控制，但通常需要更多開發者投入，且缺乏內建視覺 CMS 與畫布編輯工作流程。
• 前端設計工具搭配 WordPress 模板：常見做法是在其他工具中完成設計，再實作於 WordPress 模板；相較 Kirki，此方式可能將設計、CMS 接線與互動設定分散在不同工具中。