GutenKit Gutenberg Block Editor 區塊編輯附加元件外掛程式，提供了大量的區塊附加功能、頁面範本、區塊版面配置，方便大家快速建立區塊內容。
今天分享的 GutenKit Gutenberg Block Editor 外掛程式，與之前發表的 ElementsKit Elementor addons 附加元件外掛程式這篇文章介紹的外掛程式，是同一位發者者所開發的外掛程式。提供區塊編輯愛用者大量的區塊附加元件，可以在使用區塊編輯器時，快速建立漂亮的區塊內容，如果你的 WordPress 網站，也是區塊編輯內容的愛用者，今天分享的外掛程式介紹不要錯過了。
GutenKit Gutenberg Block Editor 區塊編輯附加元件外掛程式
1. 外掛程式的安裝步驟一樣，登入控制台後，請到外掛/安裝外掛，關鍵字請輸入：GutenKit，找到以後請點擊立即安裝按鈕就可以了。
2. 外掛程式安裝完成啟用以後，畫面來到外掛程式的設定精靈步驟，第一個畫面就是，如果想要收到更多的外掛程式開發訊息，可以填謝電子郵件信箱參加訂閱，接下來請點擊下一步。
3. 外掛程式設定精靈步驟二，這個頁面介紹了外掛程式的其他開發項目，方便大家瞭解外掛程式的開發項目，接著請點擊下一步。
4. 外掛程式設定精靈步驟三，這個頁面提供外掛程式的教學影片，對新手朋友來說，在開始這個外掛程式使用前，可以先看一下影片的介紹，接著請點擊下一步。
5. 外掛程式設定精靈步驟四，接下來就是基本設定完成的畫面。
6. Welcome：這裡陳列外掛程式提供的基本資訊連結，同時外掛程式也提供非常多的附加元件可以使用，所以簡單的跟大家介紹一下外掛程式選單的基本說明。
7. GutenKit Blocks 元件區塊：這裡陳列了外掛程式提供的功能元件區塊，有免費的與付費的項目，光是免費的功能就可以滿足多數的網站編輯需求了。
8. GutenKit Modules 附加功能模組：這裡提供了特殊功能模組，不過多數是付費版本才可以使用。
9. Settings 設定：關於外掛程式的詳細設定，可以在這裡做調整。
10. API Intregration：API 整合，目前免費版本只提供與 Mailchimp 整合。
11. Advanced 進階設定：這裡可以設定 Unfiltered File Upload 不限定格式的檔案上傳、Download Remote Image 下載遠端圖檔、User Consent 後台重要訊息提示。
12. Performance 效能：Image Lazy Loading 如果想要啟用圖片延遲載入功能的話，可以在這裡啟用。
13. Global CSS Properties 全域樣式設定：Add Transition? 如果想要啟用網頁轉換效果的話，可以在這裡啟用。
14. 接下來簡單介紹一下外掛程式在編輯畫面的各項功能，首先可以看到外掛程式提供了三個選單區塊（GutenKit、Template Library、GutenKit Page Settings）提供相關的功能設定。
15. Template Library 版型庫，Patterns 區塊版面配置，這裡提供了非常多免費的區塊版面配置，可以直接匯入套用。
16. Template 範本：這裡提供了非常多的網站範本，同樣的有免費與付費的可以選擇。
17. Page 頁面範本：同樣的也提供了許多免費的頁面範本可以匯入套用。
18. 接下來我們簡單編輯操作說明一下 GutenKit，插入的每項附加元件，都可以在右方編輯選單看到外掛程式提供的設計選單，可以調整區塊的內容。
19. 同時也提供了非常多的樣式調整設計，可以來調整元件區塊的展示效果。
20. 在 Advanced 進階設定中，有一個特別需要提出來的設定跟大家分享的功能，那就是 Visibility 可見度設定，這裡可以針對不同裝置來設定可見度，適合想要在某些裝置隱藏區塊的設計的朋友使用。
21. 透過 GutenKit 外掛程式提供的設計，編輯完成以後，就可以看到圖片區塊展現了非常漂亮的圖片效果了。
- 外掛程式名稱：GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor
- 外掛程式網址：https://tw.wordpress.org/plugins/gutenkit-blocks-addon/
- 外掛程式推薦：★★★★★
示範影片
結論
喜歡使用區塊編輯器的朋友，在編輯 WordPress 網站內容時，常常會發現需要某些功能無法實現，這時候找到一款好用的區塊編輯附加元件外掛程式就非常重要，透過這類外掛程式的協助，可以幫助網站管理者加速網站內容的建立，同時也可以展示漂亮又專業的效果。