前言介紹
- 這款 WordPress 外掛「GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor」是 2024-03-03 上架。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2025-04-16，距離現在已有 18 天。
- 外掛最低要求 WordPress 6.1 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 29 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
ataurr | emranio | xpeedstudio |
外掛標籤
gutenberg | block-editor | page builder | gutenberg blocks | wordpress blocks |
內容簡介
總結：GutenKit for Gutenberg 是一個在 WordPress 區塊編輯器中提供輕鬆網頁建置體驗的終極解決方案，讓您無需編碼技能就能設計令人驚艷的專業網頁內容。
問題與答案：
1. GutenKit for Gutenberg 提供了什麼功能以幫助用戶輕鬆建立網頁內容？
- 提供 35+ 個預製區塊圖書館和 6+ 多功能模組
- 支援直覺式拖放功能和反應式設計
- 具有 300+ 預設模板和圖案
2. GutenKit for Gutenberg 的主要特色有哪些？
- 最佳的 Gutenberg 區塊圖書館
- 與全站編輯器完美配合
- 為 WordPress 區塊提供本地化界面
- 提供 Mega Menu Builder 和 900+ inline SVG 字體圖示等功能
- 支援 API 版本 3 和 Google 字體圖書館
- 提供可拖曳區塊編輯器內容寬度和跨區塊複製/貼上樣式功能
原文外掛簡介
No more struggling with complicated page builders or the need for coding expertise.
Introducing GutenKit for Gutenberg, the best Gutenberg page builder experience right within the WordPress block editor.
This block editor plugin brings the familiar ease of drag-and-drop design to Gutenberg, making it feel just like using a page builder—but faster and more lightweight. With Gutenberg’s native drag-and-drop interface, 65+ page builder blocks, 20+ versatile modules, and 900+ pre-designed templates, GutenKit finds itself among the best Gutenberg addons where you can create professional, responsive web content in minutes.
GutenKit with features like Gutenberg mega menu builder, query loop builder, dynamic content, flexible container, responsive breakpoints, and so on, is easily the best Gutenberg page builder for your WordPress website.
⚓Explore GutenKit capabilities in action: Check Live Demo
Let’s experience the future of web design with GutenKit for Gutenberg Blocks – design without limits, effortlessly.
| GutenKit Home Page | GutenKit Templates | Blog | Documentation | Need Support? | How to get started with GutenKit Pro |
Key Features
👉 Complete page building functionalities for Gutenberg
👉 Easiest way to build COMPLEX LAYOUTS
👉 Perfect FULL SITE EDITOR (FSE) compatible solution
👉 RESPONSIVE BREAKPOINTS for mobile, desktop & tab
👉 MEGA MENU BUILDER for Gutenberg
👉 QUERY LOOP BUILDER for dynamic websites
👉 Full-width flexible CONTAINER with inline editing
👉 MOTION ANIMATION effects for blocks
👉 COPY PASTE STYLES across blocks
👉 65+ WordPress block editor-supported blocks
👉 Pre-designed 900+ TEMPLATES AND PATTERNS
👉 Faster loading assets, optimized for PERFORMANCE
Design Responsive Pages with Custom Breakpoints
GutenKit’s Breakpoints module revolutionizes how you design a responsive website in the block editor. Now you can adjust the responsive breakpoint settings right inside the editor where you design your pages.
With GutenKit’s six additional custom breakpoints, every block is a responsive block in your Gutenberg editor. You can add breakpoints for mobiles, desktops, laptops, tablets, wide screens, and landscape mode.
This ensures that your website design, content layouts, and every responsive block fits perfectly into any screen, providing a seamless user experience across all devices.
The Easiest Gutenberg Mega Menu Builder
GutenKit comes with the easiest way to build the mega menu in Gutenberg.
With the Gutenberg Mega Menu builder block you can create multi-dimensional dropdown menus with submenus.
Using this Gutenberg addon you can create an entire mega menu inside the block editor. You just need to add submenu items and link them to existing website pages. But with this Gutenberg mega menu builder for WordPress, you can even add new items in the menu that will be automatically saved as draft pages on your WordPress site.
GutenKit’s Gutenberg Mega Menu Builder lets you add any blocks as menu items including containers, carousels, tabs & more. So provide a smoother browsing experience with better navigation using GutenKit mega menu builder.
Build No-code Dynamic Websites in Gutenberg
⭐ Query Loop Builder
Query Loop Builder block is a dynamic Gutenberg block that helps to show your website post dynamically. You can filter the content based on the post type, taxonomy, meta query, date query, author, post status, and more.
Do all of the advanced filtering without even writing a single line of code. You can visually query the WordPress database and show your website post dynamically with the unmatched flexibility of this advanced Gutenberg blocks plugin.
⭐ Dynamic Content
GutenKit’s Dynamic Content feature turns Gutenberg into a dynamic block editor. This pro feature enables the dynamic insertion of elements like post tags, site titles, author names, and user information by selecting ‘Dynamic Content’ in the block’s options.
Additionally, a fallback value can be set to display default content when specific data isn’t available. This functionality enhances content personalization and adaptability on WordPress sites.
⭐ Display Conditions
Display Condition module from the GutenKit Gutenberg addon provides a versatile way to control the visibility of your content based on various conditions. Through the easy-to-use interface of this WordPress Gutenberg block conditions plugin, you can set specific criteria. This ensures that only relevant content is displayed to your visitors, enhancing their experience and improving your website’s overall effectiveness.
Build Faster Loading, SEO-Friendly Website in Gutenberg Block Editor
GutenKit blocks comes with-
🚀 Fast Loading Assets
🚀 Optimal Performance Ratings
🚀 Higher SEO Scores
🚀 Block API Version 3 Support
Full Site Editing with GutenKit Page Builder
Create pages layouts, header footer and block patterns for the entire website in the site editor with GutenKit page builder blokcs.
All GutenKit blocks, block patterns, and templates seamlessly work in WordPress’s Full Site Editor (FSE) to help you make a unique design for your website.
Overall, this WordPress full site editor compatible Gutenberg addon ensures a user-friendly and dynamic touch to your content creation.
Create Eye-catchy Web Pages With Vibrant Animations
This WordPress page builder block editor empowers you to create visually stunning and engaging web pages with its dynamic animation features. By seamlessly integrating animation into your content, you can captivate your audience and leave a lasting impression.
Design Stunning Websites (NO CODE) with GutenKit’s Templates Library and Icons
🔥 900+ Pre-designed Patterns & Templates
GutenKit is packed with over 900 ready-made block patterns and templates. These exclusive block patterns and templates simplify the design process and provide a quick start for building beautiful and functional layouts within the WordPress Gutenberg editor.
➡️Get access to this WordPress Gutenberg page builder’s library of professionally designed pre-made templates & Patterns.
🔥 900+ Inline SVG Font Icons
This amazing GutenKit icon library offers an efficient loading mechanism, allowing users to access and utilize individual icons without loading the entire library. It leads to a swift user experience.
Create Complex Layouts in WordPress Block Editor
Let GutenKit’s page builder blocks help you bring your website to life hassle-free. With 65+ blocks, you can easily design dynamic and beautiful web pages within the Gutenberg WordPress block editor.
🔷 Use Containers with page-builder-like controls
The Gutenberg Container block makes the block editor a true page builder. This allows you to create custom sections and group content within the Gutenberg editor. You can adjust container width simply by dragging the mouse cursor to right or left, much like the inline editing experience in page builders.
Besides, this page builder block offers a range of layout options, enabling effortless customization including full-width and boxed containers with background, padding, and endless customizations.
🔷 Copy Paste Styles
The Gutenberg copy-and-paste styles across blocks let you apply a stunning design you’ve crafted to other elements in seconds. So, it ensures a consistent and professional look for your website without repetitive adjustments.
🔷 Organize Content in Advanced Tab
With the Gutenberg Advanced Tab Block, you can organize information into tabbed sections for a convenient browsing experience. You’ll get pre-designed templates for the tabs, global styles, advanced customization settings, and so on.
🔷 Present Content Smartly with Advanced Accordions
The Gutenberg Accordion block in GutenKit is your key to creating sleek and interactive content. This drag-and-drop feature allows you to create collapsible sections effortlessly. You can organize any content in a structured and tidy way with it.
🔷 Craft Catchy Headings
Create eye-catching headers effortlessly with the GutenKit Header block in the WordPress block editor. You can craft stunning H1, H2, and H3 headers with a wide range of customization options. One great convenience is the ability to add URLs to your headings which makes it easier for users to navigate.
🔷 Off-canvas menu
Now you can design and integrate space-saving off-canvas menus with our Gutenberg Offcanvas block. The handy tool allows you to make menus that slide smoothly into view and ensures easy access to all your important website sections.
🔷 Global Color Scheme
Take control of your website’s color palette with our seamless Gutenberg block editor integration. Effortlessly design cohesive layouts by leveraging the Global Color Scheme feature.
Create User-Friendly WordPress Menus
Besides the mega menu, GutenKit helps you create menus in the WordPress block editor in the easiest way. You can effortlessly design different types of menus including Nav Menu, or Offcanvas menu that perfectly complements your website’s aesthetic, ensuring a smooth user experience.
🔷 Make Beautiful Nav Menu
With GutenKit’s Nav Menu, making stunning navigation menus becomes a breeze. You can effortlessly design WordPress navigation menus that perfectly ensure a site-wide smooth user experience and complement your website’s aesthetic.
🔷 Modernize Design with Offcanvas Menu
In terms of modernizing and space optimization, the Offcanvas block from this Gutenberg add-on is the perfect solution in the WordPress block editor. You can design and integrate space-saving off-canvas menus with our Offcanvas block. The handy tool allows you to make menus that slide smoothly into view and ensures easy access to all your important website sections.
Start Your Blogging Site With Various Post Blocks
Ready to begin blogging journey with different GutenKit Post Blocks? From captivating headlines to engaging multimedia, you can create posts that resonate with your audience and leave a lasting impression.
☑️ Post Grid
Visualize your latest content elegantly with the Gutenberg Post Grid block in the WordPress block editor. It helps to showcase posts in a grid layout, providing a modern and engaging way for users to discover your latest articles or products.
☑️ Blog Posts
GutenKit Blog Posts for Gutenberg lets you display posts by category, date, or popularity in stylish layouts, with support for text, images, videos, and more.
☑️ Post Tab
GutenKit Post Tab block helps to organize the blog posts into different categories or topics. For your WordPress site, you can create post tabs for each category, allowing readers to easily navigate and find the content they’re interested in.
☑️ Reading Progress Bar
The Reading Progress Bar block in WordPress Block editor serves as a visual representation of progress or completion. Our block functionality includes a diverse range of templates and styles, allowing customization of percentages, progress, and duration indicators.
Interactive Response to Visitor’s Actions
Give an exceptional interactive experience to every part of your website that visitors touch. The Gutenkit interaction module allows the implementation of various interaction effects such as transformation, scrolling, rotation, changing opacity, and showing, hiding, or toggling elements in a “zero-code” way.
More Advanced Blocks for Your WordPress Site
In addition to the core features of a Gutenberg page builder, GutenKit offers a suite of advanced blocks to enhance your website’s functionality and visual appeal.
🔷 Showcase with Icon Boxes
With the Icon Box block in GutenKit, you can add icons from our vast library without slowing down your site. It’s super quick because it only loads the specific icons you choose.
🔷 Highlight with Image Boxes
GutenKit’s Image Box block is an awesome feature that effortlessly displays images in a beautifully designed box. Don’t worry about your images—crop, resize, adjust them on the fly, and style them accordingly to fit seamlessly within your design.
🔷 Dual Buttons for Versatility
The Dual Button block of the GutenKit WordPress Block editor Plugin offers an intuitive way to integrate paired buttons with personalized styles into your content. With this block, you can create and customize two buttons, while also inserting text in the middle to provide context or information.
🔷 Pricing Table
Showcase your product/service prices in style with our Pricing Table block. It lets you create crystal-clear pricing tables that convert, and highlight key features, pricing structures, calls to action, and many more.
🔷 Showcase Before/After Image Comparison
This Image Comparison block of GutenKit is ideal for highlighting transformations, renovations, or any scenario where visual impact matters. With this drag-and-drop WordPress block, you can slide smoothly between the before and after comparison of an image.
🔷 Create Urgency with Countdown Timers
The GutenKit’s Countdown Timer block can empower users to create visually appealing and highly customizable Countdown Timers within the WordPress Gutenberg editor. At the same time, it can effectively add a sense of urgency to promotions and prompt swift, time-sensitive actions from their audience.
🔷 Attractive Gallery Style
Increase the visual appeal of your website using this Gutenberg Gallery plugin, which includes an intuitive grid and masonry-style image and video galleries. GutenKit displays your visual content in versatile and dynamic layouts for optimal visitor engagement.
Who will benefit from GutenKit?
No matter your purpose, GutenKit stands out as one of the best Gutenberg addons. Here are the highlights of the diverse audience segments and professionals who can utilize GutenKit’s potential to achieve their goals and enhance their digital experiences.
➡️ Website Owners and Bloggers
To create captivating, responsive web content without any coding expertise, GutenKit assists site owners and bloggers to streamline the content creation process.
➡️ Small Business Owners
Small business owners can quickly build a professional online presence and showcase their offerings using GutenKit’s powerful WordPress blocks.
➡️ Content Creators
GutenKit helps content creators enhance visual appeal with top WordPress blocks and flexible design, making content more engaging and shareable.
➡️ Marketers and SEO Professionals
Marketers and SEO professionals can use GutenKit to build user-friendly pages that boost engagement, SEO, traffic, and conversions.
➡️ Web Designers and Developers
GutenKit saves time and simplifies workflows for website designers and developers with its intuitive drag-and-drop tools and rich design library.
➡️ E-commerce Website Owners
GutenKit helps e-commerce owners enhance product listings with responsive design, pricing tables, and icons for a better shopping experience.
➡️ Digital Agencies
Digital agencies can wow clients with fast, professional sites using GutenKit’s templates and modules.
➡️ Freelancers
Freelancers can offer high-quality website design services without extensive coding skills using GutenKit’s no-code approach.
➡️ Anyone Seeking a User-Friendly Solution
GutenKit is designed for accessibility for all, ensuring that individuals with varying technical backgrounds can create visually stunning websites with ease.
☂️ OUR OTHER PLUGINS
Check out our other plugins:
ElementsKit – All-in-one Addons for Elementor.
ShopEngine – Complete Elementor WooCommerce builder.
MetForm – The most flexible and easy-to-use form builder.
GetGenie Ai – An advanced Ai assistant for SEO-friendly content.
WP Social – Promote your social media presence with WP social.
EmailKit – Effortless way to change your email-building experience.
FundEngine – The perfect plugin to create a WordPress crowdfunding and donation site.
Wp Ultimate Review – Manage customer reviews with Wp Ultimate Review plugin.
PopupKit – WordPress Gutenberg popup plugin to build exceptional popup for diverse needs within the WordPress block editor.
TableKit – Make fully-customizable multipurpose table & generate data table within Gutenberg block editor.
Genie Image – Generate images directly on your WordPress website with the magic of AI.
Visit Wpmet to learn more about how to get the best of WordPress with Tutorial, Tips & Tricks!
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.1 | 1.1.0 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | 1.2.6 | 1.2.7 | 1.2.8 | 1.2.9 | 1.4.0 | 1.4.1 | 1.5.0 | 1.5.1 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | 2.1.0 | 2.1.1 | 2.1.2 | 2.1.3 | 2.1.4 | 2.1.5 | 2.1.6 | 2.1.7 | 2.1.8 | 2.1.9 | 2.2.0 | 2.2.1 | 2.2.2 | 2.2.3 | trunk |
延伸相關外掛（你可能也想知道）
Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式，可還原之前（也就是「經典」）的 WordPress 編輯器和「編輯文章」畫面，使使用者可以使用延伸這個畫...。
Advanced Editor Tools 》高級編輯工具（以前稱為 TinyMCE Advanced）引入了一個「經典段落」區塊，供區塊編輯器（Gutenberg）使用。, 如果您還沒有準備好切換到區塊編輯器，或者有插...。
Classic Widgets 》Classic Widgets 是由 WordPress 團隊維護的官方外掛，能夠恢復先前（即「經典」）的 WordPress widgets 設定畫面。該外掛將於 2024 年或必要時保持支援和維...。
Starter Templates – AI-Powered Templates for Elementor & Gutenberg 》免費模板，支援 Elementor、Beaver Builder 和 Block Editor, 使用 Starter Templates 外掛，只需數分鐘即可建立專業且完美的網站。此外掛為使用者提供超過 2...。
Spectra Gutenberg Blocks – Website Builder for the Block Editor 》a.com/tutorials/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Spectra tutorials, you can easily learn how to ...。
Disable Gutenberg 》此外掛可禁用新的 Gutenberg 編輯器 (也稱為區塊編輯器)，並以經典編輯器取代它。你可以完全禁用 Gutenberg，或從文章、頁面、角色、文章類型和主題模板中有...。
Gutenberg Blocks with AI by Kadence WP – Page Builder Features 》Kadence Blocks 是一個 WordPress 外掛，它附加自訂區塊和選項，擴展了 Gutenberg 編輯功能，使您能夠輕鬆創建美麗的網站，而不需要任何程式編寫。Kadence Bl...。
Extendify 》Extendify 是一個網站設計和製作工具平台，提供豐富的圖案和全頁面佈局，可用於 Gutenberg 區塊編輯器，幫助人們建立美麗的 WordPress 網站。, 使用 Extendif...。
Page Builder Gutenberg Blocks – CoBlocks 》, 注意：對於已受 CoBlocks 3.0.0 版本影響的使用者，請查看我們在 WordPress.org 支援論壇文章，如果您需要支援，請建立新的主題帖。, , CoBlocks 是新版 Gu...。
Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE 》Otter 是一款 Gutenberg Blocks 頁面建構外掛，可為 WordPress Block Editor（又稱 Gutenberg）添加額外功能，讓您享受更好的頁面建構體驗，而無需使用傳統的...。
AI Powered Starter Templates by Kadence WP 》用三個滑鼠點擊建立一個美觀的「效能優化」網站, 在幾分鐘內創建和自定義專業設計的網站。, Kadence Starter Templates 為您提供使用 WordPress 區塊構建器的...。
GenerateBlocks 》將不同的功能整合至編輯器，但並不會因為過多的一維方塊造成內容過於臃腫。使用 GenerateBlocks，您只需深入學習少量的方塊，即可用於創建任何內容。, Genera...。
VK Blocks 》這是一個擴充 Gutenberg 模塊的外掛。, [ 模塊 ], , 成員, 外框, 警示, 常問問題, 氣球, 流, 按鈕, 公關模塊, 公關內容, 邊框盒, 標題（帶副標題）, 響應間距...。
Stackable – Page Builder Gutenberg Blocks 》終極與古鐸版衣搭檔, Stackable 是您一直在等待的終極可靠古鐸版衣搭檔。使用堅強、輕便的自訂區塊、現成設計、UI套件、全域設定和高級自訂選項建立動態網站...。
Kubio AI Page Builder 》, , Kubio 是一個創新的基於區塊的 WordPress 網站建立工具，它以全新的區塊來擴充編輯器功能並提供使用者無限的樣式選項。透過先進的編輯功能，Kubio 使用者...。