前言介紹
- 這款 WordPress 外掛「Gutentor – Gutenberg Blocks – Page Builder for Gutenberg Editor」是 2019-08-22 上架。
- 目前有 30000 個安裝啟用數。
- 上一次更新是 2025-04-17，距離現在已有 17 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6.20 以上。
- 有 88 人給過評分。
- 論壇上目前有 2 個提問，問題解答率 50%
外掛協作開發者
acmeit | gutentor | addonspress | codersantosh |
外掛標籤
blocks | page builder | gutenberg blocks | gutenberg editor | wordpress blocks |
內容簡介
Gutentor | 文件 | 影片教學 | Gutenberg 範本
你可能會對一開始的所有功能感到意外，但當你習慣後就無法再少它們了。
現在是使用 Gutentor - 可自由設計頁面的 Gutenberg 頁面建立器 的時候了。趕快嘗試，完全免費!!!
Gutentor 是一個 WordPress 頁面建立的 Gutenberg 区塊收集，具有無限的網頁設計可能性。使用新的 WordPress 編輯器 Gutenberg 可以輕鬆地建立專業優雅的網站，而不需要絕對的代碼，這就是 Gutentor 的設計目的。這是一個帶來先進功能和優雅設計的頁面建立器體驗，在任何頁面建立器上都從未見過。能夠與任何佈景主題協作，創造任何設計。
Gutentor 通過大量美觀的區塊，擴充了 Gutenberg 編輯器，這些區塊可以後續切換以進行建立和設計您最好的網頁。這使得創建和設計內容更具靈活性。它最大化了任何頁面建立器的限制，並增加了無限的可能性，使用戶可以使用 Gutenberg 編輯器建立任何簡單到複雜的 WordPress 網站。它已經開發了所有必要的自定義功能，以實現使用 Gutenberg 塊編輯器的任何可能的佈局和網頁內容設計。Gutentor 使得設計任何類型的網頁像單擊和拖放那樣簡單。
Gutentor 是一個輕量級的 WordPress 外掛，已經優化了性能。 內部或外部 CSS 文件用於動態 CSS，以進行更多的優化。
Gutentor 的最新消息
具有所有必要功能的完整網頁建立區塊
優化並加快網站載入
友好的 SEO
一鍵式演示範本庫，提供預製範本和區塊
更快的設計體驗
非常簡單，不需要添加行/列，只需添加區塊即可創建優美的網站
重複器字段，可以在區塊中創建項目，具有拖放重新排序、編輯、刪除選項
專為創意設計師提供高度可自定義的行/列選項
所有區塊的高級選項，包括 HTML 標記、背景、邊框、框影、邊距-填充、Svg 形狀分隔符和內置動畫
在每個區塊上建立範本模塊，單個區塊多個設計範本
個別的元素完整的樣式選項
設備特定的響應控制
高級的字體選項，包括所有可用的 Google 字體和系統字體
視頻背景選項
高度優化，性能導向
內聯、內部或外部 CSS 文件用於動態 CSS
當您使用 Gutentor 的範本庫功能時，Gutentor 會從 Gutentor 範本庫 抓取截圖、圖像和模板(JSON 文件)，並在您插入模板庫圖像後，圖像鏈接來自外部網站。這有助於您通過單擊即可導入範本。您必須接受 條款 和 隱私政策 才能使用 Gutentor 範本庫功能。
Gutentor 的特別之處是什麼？
原文外掛簡介
Gutetor’s direct family members encompass CosmosWP, a WordPress theme, and the Templateberg plugin, which offers Gutenberg templates.
Gutentor | Documentation | Video Tutorials | Gutenberg Templates
You might be surprised by all the features onboard at first. but once you get used to them you won’t be able to live without them.
It’s time for Gutentor – Page Builder for Gutenberg. Try it now, It’s Free!!!
Gutentor is a WordPress Page Building Gutenberg Blocks collections with unlimited possibilities to design a webpage. Building professional elegant websites using the new WordPress editor Gutenberg with very ease and with no absolute codes is what Gutentor is designed for. A page builder experience that brings advanced capabilities and graceful design never seen before on any Page Builder. Work with any theme, create any design.
Gutentor extends Gutenberg editor with a large variety of beautiful blocks which can be later switched to build and design your best web pages with some clicks. This makes creating and designing content even more flexible. It minimizes the limitations of any page builder and adds unlimited possibilities so that a user can build any simple to complex WordPress website using the Gutenberg editor. It has been developed with all necessary customization features for blocks to achieve any possible layout and design of web-page content with Gutenberg block editor. Gutentor makes designing any type of web page just as simple as a matter of a few clicks and drag and drop.
Gutentor is a lightweight WordPress plugin, it is optimized for performance. Internal or External CSS files for dynamic CSS is introduced for more optimization.
What’s new on Gutentor
Complete Webpage building blocks with all necessary features
Optimized and Faster site load
SEO friendly
One-click Demo Templates Library for ready-made templates and blocks
Faster Designing Experience
Extremely simple, without adding rows/columns, just adding blocks is sufficient to make a beautiful website
Repeater field to create items inside blocks with drag and drop reorder, edit, delete options
Highly customizable row/columns options available for creative designers
Advanced options on each block including HTML Tag, Background, Border, Box-shadow, Margin-Padding, Svg shape divider and built-in animations
Block Template module on each block, Single block multiple design Template
Individual elements full styling options
Device specific responsive controls
Advanced Typography Options which includes all available google fonts and systems fonts
Video background Options
Highly Optimized, Performance focused
Inline, Internal or External CSS files for dynamic CSS
While you use Template Library features of Gutentor, Gutentor fetches screenshots, images and templates(demo) JSON files from Gutentor Demo Library and after your insert template library images link are from the external site. You have to change the images after you import templates and blocks. This helps you to import templates with a single click. You must accept terms and privacy to use Gutentor Template Library Features.
What Makes Gutentor Different?
Dynamic Columns
Advanced Columns
Gutentor Elements
Gutentor Modules
Gutentor Posts
Gutentor Terms (New)
Gutentor Widgets
100+ ready-made Templates and Blocks to free import
Impressive slider and carousel
Highly Responsive and SEO friendly
JS/CSS Framework only load if block is being used on the post and page
Quality support service
Technical background for page speed
Gutentor just does not help you to create your site more beautiful and quickly but it made your page speed much faster. Here are some technical reasons behind it.
Develop keeping in mind for Page Speed.
Gutentor creates a single minified CSS file for only used Gutentor blocks in the editor, for normal to advanced landing pages it is less than 50kb, for a simple page design 20kb or even less.
Unnecessary resources CSS/JS never loaded on your page.
Full control to choose which resources to load or not.
Proper utilization of transients API.
Dynamic content loading whenever needed.
Google fonts load only if it is being used and unique font family/weight with a single request.
In build Optimization options on Gutentor Global Options.
Compatible with Optimization/Cache Plugins.
ADVANCED PAGE BUILDING GUTENBERG BLOCKS INSIDE GUTENTOR
Gutentor Blocks are categorized into 5 different types:
1. GUTENTOR ELEMENTS
Advanced Text
Button
Counter
Divider
Google Map
Icon
Image
Advanced List
Pricing
Progress Bar
Rating
Simple Text
Video Popup
2. GUTENTOR MODULES
Advanced Columns
Button Group
Carousel
Container/Cover
Dynamic Columns
Slider
Accordion
Tabs
Icon Group
Form Wrapper
Gallery
Filter
Quote
Table of Contents
3. GUTENTOR POSTS (POST TYPES)
Post (Type)
Post (Type) Feature
Advanced Post (Type)
Post (Type) Carousel
Post (Type) News Ticker
Duplex Post (Type)
4. GUTENTOR TERMS ( CATEGORY AND CUSTOM TAXONOMY )
Term (Category)
Term (Category) Feature
Term (Category) Carousel
5. GUTENTOR WIDGETS
About Widget
Accordion Widget
Advanced Columns Widget
Advanced List Widget
Author Profile Widget
Post Widget
Call to Action Widget
Content Widget
Countdown Widget
Counter Widget
Featured Widget
Gallery Widget
Google Map Widget
Icon Widget
Image Widget
Image Slider Widget
Notification Widget
Opening Hours Widget
Pricing Widget
Progress Bar Widget
Restaurant Menu Widget
Social Links Widget
Show More Widget
Tabs Widget
Team Widget
Testimonial Widget
Timeline Widget
Video Popup Widget
Gutentor provides awesome and innovative Gutenberg blocks for enhancing your website at an advanced level.
Here are the details of the Gutentor blocks:
1. GUTENTOR ELEMENTS
Gutentor elements are conceptualized to use inside the Gutentor Modules but of course, you can use them anywhere on your editor. Gutentor elements are a small unit of Gutenberg blocks with all set of designing options, combining gutentor elements you can move up to the elegant blocks, sections and full page.
Advanced Text: Insert text with advanced options.
Button: Prompt visitors to take action with attractive buttons.
Counter: Insert an animated number to display the counter number.
Divider: Visually distinguish sections with divider using SVG shape or border.
Google Map: Display a Google Map on your website with Google Map API.
Icon: Insert an icon to symbolize the text.
Image: Insert an image to create extra value on the content.
Advanced List: Represent the paragraphs in tabbed styles.
Pricing: Insert the pricing to showcase the price of the product.
Progress Bar: Showcase the progress of the work in an animated form.
Rating: Insert the rating element to represent the rating from 1-5 stars.
Simple Text: Insert text with minimal but sufficient options.
Video Popup: Insert video on your website.
2. GUTENTOR MODULES
Gutentor modules are designed and developed in such a way that you can construct a more complex structure on your web in a simple way. Technically most of the gutentor modules are composed of gutentor elements or used as a container of gutentor elements.
Advanced Columns: Insert advanced columns to create customizable columns within the page.
Button Group: Insert button group and add unlimited buttons.
Carousel: Insert carousel column and add element inside the columns.
Container/Cover: Insert the whole block of a single container on the page.
Dynamic Columns: Creating columns on the editor is never been easier before, insert dynamic columns to insert unlimited columns with advanced options.
Slider: We present you with the most advanced and awesome Slider. Insert slider with advanced options and add any elements within the slide like text, image, button, video and all gutentor elements.
Accordion: Accordion Module lets you design Accordion ( Collapse ) Items and pin any Gutentor Elements on Accordion Body. Accordion Panel ( Heading ) is created with Texts and Icons with various design options. Create beautiful FAQ, Accordion, and collapsible items using Accordion Module.
Tabs: Create beautiful and advanced tabs and add any Gutentor Element in the Tab Body. Tab Title is created using Texts and Icons with various design options. You can create both vertical and horizontal tabs.
Icon Group: Insert multiple icons in the Icon Group and create beautiful social profile links and icon designs using icons.
Form Wrapper: Form Wrapper is specially designed and developed to use Contact Form shortcode. You can design Form Input Field, Text Area and Button according to your need.
Gallery: Advanced gallery block which let you add any Gutentor Elements as gallery content. The Module Gallery Block also allows customizing the popup content as image and video.
Filter: Filter block has module gallery all features with added primary/secondary filters items and searches filter. Filter block uses Module Gallery block as an inner block.
Quote (New): Quote is the collection of elements that create an adorable quote design.
Table of Contents (New): Table of Contents(TOC) facilitates to access large contents of post/page including all the headings.
We have a plan to develop more gutentor elements and gutentor modules in the coming version. If you have any suggestions feel free to contact us on the Gutentor support forum.
3. GUTENTOR POSTS (POST TYPES)
Gutentor posts category is collections of blocks related to WordPress posts and post types. We have developed post blocks in such a way that you can create almost every possible design from post and post types for FREE!!!
Perfect to create Blog, News and Magazine Sites
Perfect to create WooCommerce Shop, your Online Store
Perfect to create Easy Digital Downloads Store
Create any Post or Post Type related Design
Gutenberg Block in Gutentor Post
Post (Type): Display Blog Post with a list and grid view with a different template. Control each small unit of blog-post like feature image, title, excerpt, meta elements with advanced options, sort elements and so on.
Post (Type) Feature: – Showcase your Blog Article Post with an attractive design template. Currently, we have 38 unique and lovely templates available with advanced design options. You can create an unlimited number of stunning blog section designs for your site and customize them as per your need. This block module is developed especially for blog, news or magazine sites.
Advanced Post (Type): – Advanced Post (Type) is a combination of multiple blocks like Post (Type), Post Header and Post Footer. Post Header is a template combination of Gutentor Simple Text, Term Filter and Navigation. Similarly, Post Footer is a template combination of Gutentor Simple Text, Term Filter, Pagination, Navigation and Load more button. This module is the most advanced block we have ever built, try it out and control each element.
Post (Type) Carousel: – Post (Type) Carousel use Post (Type) as an inner block. You have all options of Post (Type) on Post (Type) Carousel with added Advanced Carousel Options. Since we are using the framework Slick Carousel, we have added almost all possible and useful options related to the Slick Carousel. Create a beautiful and unique Post Carousel using our Post (Type) Carousel.
Post (Type) News Ticker: – News Ticker is very important for Magazine and News Site. To create a news ticker module on Gutentor, we have developed our own jQuery library AcmeTicker. It includes all major and useful options to create News Ticker unique and beautiful.
Duplex Post (Type): – This module allows you to design your post in two different ways – Feature Post and Normal Post. You can use Feature Post design in one way and Normal Post in another way; post design will be more beautiful with this Duplex Post (Type).
4. GUTENTOR TERMS ( CATEGORY AND CUSTOM TAXONOMY )
Term (Category): Similar to Post (Type) block but in Term (Category) you can customize any term with a beautiful design.
Term (Category) Feature: – 38 unique and lovely templates to showcase your Category and Term similar to Post (Type) Feature. Very useful to Blog, Magazine and E-commerce sites.
Term (Category) Carousel: – Term (Category) Carousel Block use Term (Category) as an inner block. You will find almost every option to customize your Term (Category) Carousel.
5. GUTENTOR WIDGETS
Gutentor widgets are independent blocks, a very simple way to create your site section and blocks. The main difference between Gutentor Module and Gutentor Widgets is Gutentor widgets have already predefined elements, you will not be able to add new elements whereas on Gutentor Modules you can/have to add individual Gutentor Elements as you want.
Enjoying Gutentor?
Join our Facebook Group.
Follow us in Twitter @gutentor.
Learn from our tutorials on YouTube Videos.
Or rate us on WordPress 🙂
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Gutentor – Gutenberg Blocks – Page Builder for Gutenberg Editor」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.0 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | 1.1.6 | 1.1.7 | 1.1.8 | 1.1.9 | 1.2.0 | 1.2.1 | 1.2.2 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | 2.0.4 | 2.0.5 | 2.0.6 | 2.0.7 | 2.0.8 | 2.0.9 | 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 | 3.0.0 | 3.0.1 | 3.0.2 | 3.0.3 | 3.0.4 | 3.0.5 | 3.0.6 | 3.0.7 | 3.0.8 | 3.0.9 | 3.1.0 | 3.1.1 | 3.1.2 | 3.1.3 | 3.1.4 | 3.1.5 | 3.1.6 | 3.1.7 | 3.1.8 | 3.1.9 | 3.2.0 | 3.2.1 | 3.2.2 | 3.2.3 | 3.2.4 | 3.2.5 | 3.2.6 | 3.2.7 | 3.2.8 | 3.2.9 | 3.3.0 | 3.3.1 | 3.3.2 | 3.3.3 | 3.3.4 | 3.3.5 | 3.3.6 | 3.3.7 | 3.3.8 | 3.3.9 | 3.4.0 | 3.4.1 | 3.4.2 | 3.4.3 | 3.4.4 | 3.4.5 | 3.4.6 | 3.4.7 | 3.4.8 | trunk |
延伸相關外掛（你可能也想知道）
Elementor Website Builder – More Than Just a Page Builder 》, 全球超過 1000 萬個網站的領先網站建立平台, Elementor 是專為 WordPress 設計的領先網站建立平台，使網站製作者能夠使用直覺式的視覺建立工具建立專業、像...。
Website Builder by SeedProd — Theme Builder, Landing Page Builder, Coming Soon Page, Maintenance Mode 》SeedProd - 拖放式 WordPress 網站建構器，建立即將推出網頁、維護模式、登入頁面、銷售頁面和感謝頁面的最佳工具。, SeedProd 於 2011 年首次推出，可建立即...。
Page Builder by SiteOrigin 》SiteOrigin Page Builder 是一個強大的內容創建介面，即刻識別，完全不同凡響。SiteOrigin Page Builder 讓您輕鬆使用您所熟悉和喜愛的小工具創建具有響應式...。
Gutenberg Blocks with AI by Kadence WP – Page Builder Features 》Kadence Blocks 是一個 WordPress 外掛，它附加自訂區塊和選項，擴展了 Gutenberg 編輯功能，使您能夠輕鬆創建美麗的網站，而不需要任何程式編寫。Kadence Bl...。
Page Builder Gutenberg Blocks – CoBlocks 》, 注意：對於已受 CoBlocks 3.0.0 版本影響的使用者，請查看我們在 WordPress.org 支援論壇文章，如果您需要支援，請建立新的主題帖。, , CoBlocks 是新版 Gu...。
Page Builder: Pagelayer – Drag and Drop website builder 》. Pagelayer是一個WordPress網站建構工具，為您提供最佳的設計體驗和快速效能，不論您是初學者或專業人士都能愛上它。, Pagelayer是一款很棒的網頁建構工具，...。
Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE 》Otter 是一款 Gutenberg Blocks 頁面建構外掛，可為 WordPress Block Editor（又稱 Gutenberg）添加額外功能，讓您享受更好的頁面建構體驗，而無需使用傳統的...。
Unyson 》, 您覺得這款外掛有幫助嗎？請考慮給它一個五星評價。, , Unyson - 一個免費的拖放框架，附帶許多內建的擴充功能，可以協助您輕鬆快速地開發高級主題。, 贊助...。
GenerateBlocks 》將不同的功能整合至編輯器，但並不會因為過多的一維方塊造成內容過於臃腫。使用 GenerateBlocks，您只需深入學習少量的方塊，即可用於創建任何內容。, Genera...。
Stackable – Page Builder Gutenberg Blocks 》終極與古鐸版衣搭檔, Stackable 是您一直在等待的終極可靠古鐸版衣搭檔。使用堅強、輕便的自訂區塊、現成設計、UI套件、全域設定和高級自訂選項建立動態網站...。
Make Column Clickable Elementor 》簡單：允許用戶點擊整個列而非單個元素。, 當您在其中添加鏈接時，用戶將能夠點擊整個列。, 如何使用, 安裝插件後，在Elementor編輯器中打開，開始編輯列，並...。
Kubio AI Page Builder 》, , Kubio 是一個創新的基於區塊的 WordPress 網站建立工具，它以全新的區塊來擴充編輯器功能並提供使用者無限的樣式選項。透過先進的編輯功能，Kubio 使用者...。
Elementor Custom Skin 》此外掛程式可向 Elementor 頁面建構器的文章和文章總覽 widget 添加新的佈景主題。, 您可以像單個模板一樣設計循環項目，並將其用作佈景主題，以便您可以按照...。
Colibri Page Builder 》Colibri Page Builder 為 ColibriWP 佈景主題新增拖放式頁面建立功能。, 授權, 除非另有指定，所有佈景主題檔案和腳本皆採用 GNU 通用公眾授權證 (GNU Genera...。
Beaver Builder – WordPress Page Builder 》什麼是 Beaver Builder 頁面生成器？, Beaver Builder 是一個靈活的拖放式頁面生成器，可在 WordPress 網站的前端進行操作。無論您是初學者還是專業人士，都...。