前言介紹
- 這款 WordPress 外掛「Responsive Blocks – WordPress Gutenberg Blocks」是 2020-07-08 上架。
- 目前有 4000 個安裝啟用數。
- 上一次更新是 2025-04-29，距離現在已有 4 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 13 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
block | blocks | block-editor | page builder | Gutenberg Templates |
內容簡介
具有回應式設計的 Gutenberg 區塊庫外掛
使用回應式 Gutenberg 區塊庫外掛釋放你的創造力，只需幾分鐘即可使用免費起始模板為您的網站創建專業內容佈局。使用樣式導入器將您喜歡的頁面和區塊導入現有網站。
前往 Gutenberg 區塊演示網站即可實時查看
快速選擇您喜愛的模板，立即啟動您的網站。您也可以選擇帶有完全可自定義設置的高級區塊，製作具有創意的模板。
憑藉超過 40 個面向 Gutenberg 的創意區塊，您可以在不編寫任何代碼的情況下設計美麗的網頁，而且這些設置易於自定義，以創建獨特的外觀。
Responsive Gutenberg 區塊庫的功能
無需編程知識：不用任何代碼即可創建出色的登陸頁面。這些區塊旨在為非編程人員和編程人員量身打造。
樣式導入器：利用此功能，您可以將精美設計的 Gutenberg 區塊和頁面導入您的網站。
簡潔易用的用戶界面：每個區塊的用戶界面都簡單易懂。
回應式佈局：考慮到 AMP 是搜索引擎最重要的排名因素之一，這些區塊都經過了 AMP 優化。
易於自定義：這些區塊非常易於根據您的需求自定義。您可以在很短的時間內創建複雜的佈局。
Responsive Gutenberg 區塊編輯器插件庫
請查看 Responsive Gutenberg 區塊編輯器插件庫提供的可自定義和功能豐富的區塊：
Responsive Blocks
Advanced Columns：使用 Advanced Columns 區塊可以建立美麗的列佈局。您可以使用區塊選項來定義列的數量或創建行和列的美麗列佈局。它帶有形狀分隔符、自定義寬度、背景設計、顏色和間距選項。您還可以在列中嵌入其他區塊，如評論。
Advanced Heading：完全控制您的標題。使用此區塊來設置您的標誌（字體、大小、間距、行高）。使用此區塊突出顯示您的頁面標題。您可以更改標頭中分隔符的寬度和位置。
Advanced Text：使用此 Advanced Text 區塊以引人注目的方式顯示您的商業信息。
Section Block：Section Block 作為外層包裹器，允許在其中添加任何 Gutenberg 區塊。使用 section block 創建帶有不同內容區域的頁面，有助於管理佈局、背景、間距等。
Info-Block：使用圖像、標題和副標題創建創意和信息豐富的盒子。現在，您可以在優雅的信息框中顯示有關網站功能的信息。這非常適合讓訪問者了解您產品和服務的功能。
原文外掛簡介
Responsive Blocks is a free WordPress Gutenberg Blocks plugin that offers a library of 50+ fully functional native WordPress blocks and 100+ WordPress Website Templates and sections. This way, you can create stunning pages in the default WordPress editor without any coding.
The settings in the plugin allow easy customization and build stunning pages without adding any extra page builder plugins. Also, the free Gutenberg Starter Templates help you build designer content layouts for your website in minutes.
Additionally, you can import patterns to incorporate preferred page and section layouts into your existing website.
Checkout the Gutenberg blocks demos
Key Features of Responsive Blocks Plugin
50+ free WordPress Blocks
100+ ready-to-import WordPress Block Templates
250+ ready-to-use Block sections
WooCommerce Blocks
Cross-Browser Compatible
Expert Support
Seamless integration with WordPress editor
Highlights of Responsive Blocks – WordPress Gutenberg Blocks Plugin
🌐 Simple User Interface: The user interface of each block is easy to use.
🚫 No Coding Knowledge Required: Create fantastic landing pages without a line of code. These blocks are designed for non-coders and coders alike.
📦 Pattern Importer: Using this feature, you can import beautifully designed Gutenberg sections and pages to your site.
⚡ AMP Optimized: These blocks are AMP optimized, considering AMP is one of the most important ranking factors for search engines.
🎨 Easy Customization: The blocks are easy to customize according to your requirements. You can create complex layouts in a very short time.
🛠️ Modular Control: You can quickly turn on or off the block or sections you want to enhance the site’s performance.
📱 Responsiveness: You have direct control over each block’s responsiveness. Its flexible, responsive customization options enable you to create user-friendly websites for all devices efficiently.
🚀 Continuous Updates: Stay ahead with regular updates and new additions to our collection of WordPress Blocks, giving you the best features to enhance your website.
🌐 Trusted Development: Created by the Cyberchimps team, Responsive Blocks plugin delivers top-notch WordPress features. Join our satisfied users and elevate your website-building experience.
Professional Designer-made Starter Templates and Ready-to-use WordPress Websites
Import professionally designed websites with Responsive Blocks plugin in minutes. With no compromises on performance and zero limits on what you can design, you can cut down your website design time by a whopping 90%.
Responsive Blocks plugin integrates seamlessly with the Responsive Plus – Starter templates plugin to offer you a library of fully functional, professionally built websites that you can import and launch your website with just a few clicks!
Check Ready Websites and Starter Templates
50+ FREE & ADVANCED BLOCKS AND COUNTING
Using 50+ Responsive Blocks for Gutenberg, design your website without limits.
Container Block: The section block acts as an outer wrapper and allows the addition of any Gutenberg block within it. Use the section block to create a page with different content areas, which helps you manage layouts, backgrounds, spacing, and more.
Advanced Columns: Build beautiful column layouts with the Advanced Columns block. You can use the block options to define the number of columns or create beautiful column layouts for the rows and columns. It has shape dividers, custom widths, background designs, colors, and spacing options. You can also embed other blocks, like testimonials, inside the columns.
Advanced Heading: You can have complete control over your headings. Style your typography (Fonts, sizes, spacing, line heights). This block highlights your page headings. You can change the width and position of the separator in the heading.
Advanced Text: Display your business message in an eye-catching manner with this Advanced Text block.
Info-BlockDesign creative and informative boxes with images, headings, and subheadings. You can now display information about features on your website in elegant info boxes, which is perfect for helping your visitors understand the features of your products and services.
Image Boxes: Use the Gutenberg Image Boxes block to build a beautiful gallery of images to highlight your portfolio, photos, and more.
Table of Contents: This block allows access to extensive content of the post/page through the contents heading. This makes it easier for visitors to directly go to the specific section on the page or the post.
Icon List: Create impressive lists on your website. Design your styled lists. Pick your favorite icons or images to highlight items. Use this to create checklists, feature lists, or any other items on your pages.
Shape-Divider: The Shape-Divider Block allows you to create a visually beautiful transition between your content with an optional divider. With one click, you can add shapes like Wavy, Hills, Angled, Sloping, etc.
Contact Form 7 styler: This block helps you customize the Contact Form 7 plugin’s form styling, like colors, backgrounds, and typography.
Image Block: The Responsive block image block allows you to add nice-looking images to your website with additional design settings.
Flip Box: The Flip Box block allows you to create stunning animated content that flips on hover. Use icons and images with additional content on flip boxes’ front and back sides.
Image Slider: Create a fully responsive and smooth image slideshow of your products, services, or clients.
Image Hotspot: Highlight specific parts of the image with animated pointers to make images more interactive.
Accordion Block: This block lets you answer the user’s common queries quickly and attractively. It can also display content such as FAQs or descriptive content.
Post Carousel You can embed your popular posts or any category of posts in modern-looking carousels. The system provides an option to select available post types—posts, pages, media, or any CPT you have.
Testimonials: Testimonials are customer reviews that can be displayed on the site to add credibility. Testimonial block allows you to display a single testimonial block on your site.
Multi Buttons: Easily add multiple buttons within a block. It can add attractive call-to-action buttons within a block with the Gutenberg Multi Buttons block. You can add many buttons to your content using this multi-button block.
Call/Mail Button: This block allows you to add a button that automatically makes a call or sends an email.
Inline Notice Block: You can highlight important information on your page.
WP Search: This block allows you to add the WordPress search field to your page. This will help your users easily find the required information.
Team: The Team Block allows you to display team members with a descriptive block. You can display a team with their name, pictures, designation, social links, etc.
Anchor Block: Anchor blocks allow you to create internal links to quickly move from one part/block of your page to another.
Spacer: This block allows you to add white space between blocks and customize height.
Divider: Using the Gutenberg Divider Block, add a divider between your blocks to make them more distinguishable.
Tabs: The tabs block allows you to display key information in an interactive manner. It supports custom-made nested tabs designed to attract your users.
Blockquote: Easily embed and customize quotes in your posts. You can change quote styles, and various customization options are provided to make your favorite quotes stand out on your blog post.
Call-to-Action: Make your marketing pages effective using the stunning designs of the Call-To-Action button block for Gutenberg. This block allows you to add an eye-catching, full-width section with a big title, paragraph text, and a customizable button.
Card: Display details, images, and more with the Gutenberg Card block in a lightweight, easy-to-understand layout. This block allows you to add cards to describe your product or service.
Expand/Show More: With the Gutenberg Expand More block, show your visitors small snippets of text before showing the entire information.
Video Popup: Use the Video Popup block to show a thumbnail that allows your users to view a video in a pop-up window. Embed a YouTube, Vimeo, or self-hosted video and display a thumbnail, which will allow your users to view the video in a pop-up window.
Google Map: You can now integrate Google Maps into your Gutenberg editor or anywhere on the website. Customize the block and share your business location on your website.
Taxonomy List: The Taxonomy List block allows you to display content categorization anywhere on your page to help your readers navigate to related content.
Progress Bar: Showcase any activity’s progress through animated indicators with the Progress Bar block.
Post And Page Grid: This block provides options to showcase custom post types anywhere on the page. It provides category controls for choosing categories or tags.
Feature Grid: Showcase several features in an impressive layout with this Feature Grid block.
Pricing List: With the Gutenberg Pricing List block, you can design a beautiful and comprehensive pricing list for your goods, services, and memberships. You can add names, images, descriptions, and prices for particular menu items.
Pricing table: Create impressive pricing tables to compare features and your various membership options. This tool allows you to add item names, images, descriptions, and prices.
Instagram Feed: This block allows you to stream Instagram content directly to your WordPress website, thus increasing your odds of getting new followers and clients.
Social Icons: Social icons block allows you to add modern social media icons for all popular networks and link them to your brand or personal accounts.
Count up: Show animated statistics in a Count Up block. You can display facts and figures attractively with animated counters. The counter will count to your designated number when the page is visited.
Countdown: The countdown block allows you to add countdowns to your page with attractive customizable styles.
Content Timeline: Use the Gutenberg Content Timeline Block to create visual flowcharts, vertical timelines, and event layouts.
Post-Timeline: The Post Timeline block helps you design beautiful and responsive timelines that display your posts or events in an ordered list according to the dates they were published. You can also customize the content for each blog post with a new option to select an icon for the connector.
More Gutenberg blocks are coming soon!
Compatible with Responsive and other Gutenberg Themes
Responsive Blocks plugin is compatible with most of the popular themes available on the WordPress themes repository. Moreover, we have worked extensively to make the integration deeper with our own Cyberchimps Responsive theme.
Responsive theme is a fast, lightweight, and fully Gutenberg-compatible theme that loads under 100 KB. It’s free to use and actively installed on more than 30,000 websites, with all the settings you need to build beautiful websites.
Reasons to choose the Responsive WordPress Theme
⚡ Blazing Fast Speed: Responsive requires less than 100 KB to load completely with minified assets and optimized database queries.
💯 Fully Customizable Theme: The responsive theme offers all the necessary customization settings to customize your layouts, typographies, and colors.
🔁 Translation Ready: Responsive comes with built-in multilingual support, and you would not require any third-party plugin for translating. Currently, the theme is translated into 45 other languages.
🎉 Integration with Popular Plugins: Responsive theme is 100% compatible with popular plugins like WooCommerce, Mailchimp, WP Legal Pages Pro, and more!
Responsive Blocks Plugin Reviews and Testimonials
Testimonials from real customers:
Great plugin (alternative to uagb/spectra) !
With an update to the uagb v2 who crash the website, I was searching for a replacment and I found it!
Great plugin! And completely free! Bravo!
I’m just sad I haven’t found it before 😉
Great plugin – 5 stars
Great plugin. Not as well known as other plugins with gutenberg blocks. But I found in it what I need and more. This is Post-Timeline, Content Timeline, Flip Box, Video Popup, Image Hotspot, and other (and cool lightbox)….. The blocks look neat and there is a separate tab for design. Plus this plugin loads its files on pages where there are his blocks. I wish good luck to the developers and thank you for a good and free plugin.
Give your valuable review on WordPress.
Support & Documentation
Have any questions? Visit support on Responsive Blocks Plugin Forum.
Learn more about using Responsive Blocks plugin with our detailed documentation.
Get easy access to Video Tutorials
Join our Facebook Group for the latest updates.
What’s Next?
If you like Responsive Blocks, consider checking out our other WordPress Plugins:
Responsive Theme: Responsive Theme is a free WordPress theme built by Cyberchimps that is fast, lightweight, and fully customizable. It loads completely under 100 KB. With a blazing GTMetrix performance score of 100%, it helps your website load super fast, ensuring customers get a better user experience. The theme powers more than 30,000 websites and more than 500+ 5-star ratings on WordPress.
Responsive Plus – Starter Templates: A free plugin that offers a library of premium Elementor and block templates to launch your website quickly. Just select your favorite website template, click import, and launch your website.
Responsive Addons For Elementor: Supercharge your Elementor page-building experience with Responsive Addons for Elementor, the ultimate toolkit for effortlessly creating stunning websites. Elevate your design capabilities and enhance the power of Elementor with our versatile widgets and extensions, giving you the freedom to create exactly what you envision.
WPLegalPages: is a popular plugin that helps you generate a professional Privacy Policy, terms of use, terms and conditions, eCommerce returns and refunds policy, affiliate disclaimers, and more.
WP Cookie Notice & Consent Banner for GDPR, CCPA & ePrivacy: WP Cookie Notice for GDPR, CCPA & ePrivacy Cons.
WP AdCenter: Easily Manage Ads on WordPress – Banner, Amazon, Google Adsense Ads.
Future Roadmap
Flexbox Container Layout
Coming Soon Mode
Better UI enhancements for easy use
Popup Builder
Loop Builder
Dynamic Content
Animations
Display Conditions
Custom Fonts
Advanced Spacing Controls
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Responsive Blocks – WordPress Gutenberg Blocks」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 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.3.0 | 1.3.1 | 1.3.2 | 1.3.3 | 1.3.4 | 1.4.0 | 1.5.0 | 1.5.1 | 1.5.2 | 1.5.3 | 1.5.4 | 1.6.0 | 1.6.1 | 1.6.2 | 1.6.3 | 1.6.4 | 1.6.5 | 1.6.6 | 1.6.7 | 1.6.8 | 1.6.9 | 1.7.0 | 1.7.1 | 1.7.2 | 1.7.3 | 1.7.4 | 1.7.5 | 1.7.6 | 1.7.7 | 1.7.8 | 1.7.9 | 1.8.0 | 1.8.1 | 1.8.3 | 1.8.4 | 1.8.5 | 1.8.6 | 1.8.7 | 1.8.8 | 1.8.9 | 1.9.0 | 1.9.1 | 1.9.2 | 1.9.3 | 1.9.4 | 1.9.5 | 1.9.6 | 1.9.7 | 1.9.8 | 1.9.9 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | 2.0.4 | trunk |
延伸相關外掛（你可能也想知道）
Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式，可還原之前（也就是「經典」）的 WordPress 編輯器和「編輯文章」畫面，使使用者可以使用延伸這個畫...。
Advanced Editor Tools 》高級編輯工具（以前稱為 TinyMCE Advanced）引入了一個「經典段落」區塊，供區塊編輯器（Gutenberg）使用。, 如果您還沒有準備好切換到區塊編輯器，或者有插...。
Starter Templates – AI-Powered Templates for Elementor & Gutenberg 》免費模板，支援 Elementor、Beaver Builder 和 Block Editor, 使用 Starter Templates 外掛，只需數分鐘即可建立專業且完美的網站。此外掛為使用者提供超過 2...。
Disable Gutenberg 》此外掛可禁用新的 Gutenberg 編輯器 (也稱為區塊編輯器)，並以經典編輯器取代它。你可以完全禁用 Gutenberg，或從文章、頁面、角色、文章類型和主題模板中有...。
Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates 》使用 Essential Blocks for Gutenberg，即可實現您的創意視覺效果，這是適用於 WordPress 的最終區塊庫！, 使用我們易於使用的區塊，增強您使用 Gutenberg 的...。
Blocks Animation: CSS Animations for Gutenberg Blocks 》Blocks Animation 可以讓您以優雅的方式，為所有的 Gutenberg 區塊添加 CSS 動畫。, Blocks Animation 的用戶介面非常原生且直觀，您甚至不會注意到它已經被...。
Ultimate Blocks – WordPress Blocks Plugin 》k, HowTo Schema Block lets you create step-by-step instructions with images and video, perfect for tutorials and guides. It is also Schema Markup e...。
Gutenberg Blocks – PublishPress Blocks Gutenberg Editor Plugin 》PublishPress Blocks 提供您在 WordPress 區塊編輯器中建立專業網站所需的所有功能，其中包括佈局選項、輪播、按鈕、圖示、圖片庫、地圖、選項卡、推薦、手風...。
Lightbox for Gallery & Image Block 》這個 WordPress 外掛為標準 WordPress 圖庫及圖像區塊新增了一個簡單輕量的 Lightbox，它可以偵測文章是否包含圖庫或圖像區塊，然後載入並啟動 baguetteBox.j...。
GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor 》總結：GutenKit for Gutenberg 是一個在 WordPress 區塊編輯器中提供輕鬆網頁建置體驗的終極解決方案，讓您無需編碼技能就能設計令人驚艷的專業網頁內容。, ,...。
PDF viewer for Elementor & Gutenberg 》「PDFjs Viewer for Elementor」外掛是一個強大的工具，可輕鬆將 PDF 檔案嵌入到您的 Elementor 頁面建構器頁面中。它專為 Elementor 設計，因此您可以輕鬆在...。
No Gutenberg – Disable Gutenberg Blocks Editor and FSE Global Styles 》WordPress 5.x 內建了一個名為 Gutenberg 的新區塊編輯器。隨著 5.9 版本的推出，全站編輯（Full Site Editing，FSE）的全局樣式被加入，每個頁面都會載入大...。
Genesis Custom Blocks 》Genesis Custom Blocks 為 WordPress 開發人員提供了必要的工具，以應對現代 WordPress 「區塊先行」的實境。, WordPress 區塊編輯器（又稱 Gutenberg）為我...。
Classic Editor and Classic Widgets 》這個免費的 Classic Editor & Classic Widgets 外掛可幫助您輕鬆地完全停用 Gutenberg 編輯器，並啟用 Classic Editor 和 Classic Widgets。, Classic Ed...。
BlockArt Blocks – Gutenberg Blocks, Page Builder Blocks ,WordPress Block Plugin, Sections & Template Library 》BlockArt Gutenberg Blocks – 最佳 WordPress Gutenberg 外掛程式之一, 擁有強大功能的 BlockArt 提供了無縫的網站建立體驗。它提供了六種獨特且響應式的區塊...。