WordPress 網站的視覺編輯工具,長期以來多半建立在區塊、欄位、元件或固定版面結構上。這類方式對一般網站製作相當實用,但當版面需要更自由的定位、尺寸與互動效果時,傳統欄列式編輯方式就可能受到限制。
Kirki – Freeform Page Builder, Website Builder & Customizer 外掛程式,將視覺網站建立工具與 WordPress Customizer 框架整合在同一套系統中。除了原有的 Customizer 控制項,也加入無限畫布、拖放編輯、響應式設計與視覺化網站製作功能,讓 Kirki 從過去偏向開發者使用的 Customizer Framework,進一步發展成完整的視覺網站建立工具。
Kirki 最早廣為人知的用途,是提供 WordPress 主題開發所需要的 Customizer Framework。透過大量可自訂的控制項,主題開發者可以建立顏色、字型、間距、圖片與其他網站外觀設定。目前 Kirki 已經進一步整合視覺網站建立功能。
視覺編輯
Kirki Page Builder 外掛程式與傳統頁面建立工具比較明顯的差異,是採用 Freeform Canvas,也就是自由形式的無限畫布。傳統頁面編輯器通常要求內容依照區段、欄位或元件排列,而 Kirki 的設計方式允許元素在畫布上更自由地配置,不需要完全受限於固定的欄列結構。官方也將 Infinite Canvas 列為目前視覺網站建立器的核心功能。這種方式特別適合需要較自由視覺構圖的首頁、Landing Page、品牌網站與行銷頁面。
拖放式建立
Kirki 提供視覺化拖放編輯器,可以直接在畫布中安排網站元素與版面。編輯過程不需要直接修改 PHP、HTML 或 CSS 程式碼,對沒有網站開發背景的使用者而言,可以透過視覺化操作建立頁面。Kirki Page Builder 外掛程式定位為不需要撰寫程式碼即可進行網站建立的工具。
響應式設計
Kirki 支援桌面、平板與行動裝置的響應式編輯,可以在不同裝置尺寸下調整網站版面。這項功能對現代 WordPress 網站相當重要,因為同一個版面在桌面螢幕與手機上通常需要不同的尺寸、位置與間距設定。Kirki 將響應式控制直接整合到視覺編輯流程中,可以在設計過程中同步檢查不同裝置的呈現方式。
全域樣式管理
網站如果每個頁面都獨立設定顏色、字型與間距,長期維護時容易產生視覺不一致的問題。Kirki 提供 Global Styles,可以集中處理網站常用的色彩、字型與間距等設計設定。這類全域樣式適合建立一致的網站視覺系統,當品牌色彩或字型需要調整時,也能減少逐頁修改的工作量。
可重複使用的元件
Kirki 目前提供 Master Components 與巢狀元件支援,可以將常用的設計元素建立成可重複使用的元件。這種元件化設計對需要製作多個頁面或多個專案的網站尤其有幫助,也比較符合現代網站設計系統的工作方式。
動態內容
Kirki 也逐步加入動態內容相關能力,可以建立 Collections、Templates 與資料驅動的設計。這代表視覺編輯不一定只能處理固定文字與圖片,也能進一步搭配 WordPress 內容建立可重複使用的版型。對文章、作品集、產品資料或其他具有大量結構化內容的網站而言,動態內容可以減少重複建立頁面的工作。
Customizer Framework
Kirki 最值得注意的一點,是目前加入視覺 Builder 後,原有的 Customizer Framework 並沒有被捨棄。這對過去使用 Kirki 開發 WordPress 主題的開發者相當重要,因為 Kirki 並不是單純將舊 Framework 替換成新的頁面建立器。免費版目前提供 35+ Customizer Controls,並包含即時預覽、自動產生 CSS、條件邏輯與開發者 API 等能力。因此,Kirki 仍然可以作為 WordPress 主題開發工具使用。
✅ 結論
Kirki – Freeform Page Builder, Website Builder & Customizer 外掛程式,是一套結合 WordPress Customizer Framework 與自由畫布視覺網站建立功能的工具。免費版保留 35+ Customizer 控制項與核心 Visual Builder,同時提供自由畫布、拖放編輯、響應式設計、全域樣式、可重複使用元件與其他網站製作能力。
對需要較高版面自由度,又希望保留 WordPress Customizer 開發彈性的網站而言,Kirki 提供了一種不同於傳統欄列式頁面建立器的網站製作方式,有興趣的朋友可以試試。
外掛程式名稱:Kirki – Freeform Page Builder, Website Builder & Customizer
外掛程式網址:https://wordpress.org/plugins/kirki/
