Title: Design Blocks &#8211; Gutenberg Blocks collection
Author: devscred
Published: <strong>2022 年 6 月 21 日</strong>
Last modified: 2026 年 3 月 19 日

---

搜索插件

![](https://ps.w.org/exclusive-blocks/assets/banner-772x250.png?rev=3034975)

![](https://ps.w.org/exclusive-blocks/assets/icon-256x256.png?rev=3034975)

# Design Blocks – Gutenberg Blocks collection

 作者：[devscred](https://profiles.wordpress.org/devscred/)

[下载](https://downloads.wordpress.org/plugin/exclusive-blocks.1.2.5.zip)

 * [详情](https://cn.wordpress.org/plugins/exclusive-blocks/#description)
 * [评价](https://cn.wordpress.org/plugins/exclusive-blocks/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/exclusive-blocks/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/exclusive-blocks/#developers)

 [支持](https://wordpress.org/support/plugin/exclusive-blocks/)

## 描述

Get ready to supercharge your Gutenberg editor with Design Blocks, unleashing a 
collection of versatile and robust blocks.
 This opens up an exciting opportunity
for you to craft sophisticated websites effortlessly within WordPress. With all 
their previous experiences, the DevsCred team has seamlessly translated their experience
from [Exclusive Addons](https://wordpress.org/plugins/exclusive-addons-for-elementor/)
to craft well-optimized and lightweight plugins like Design Blocks, ShopCred, [ShopCred Pro for WooCommerce](https://wpshopcred.com/shopcred-pro/)
as well as [ShopCred Addons](https://wpshopcred.com/shopcred-addons/).

The latest update of WordPress indicates that block editor is going to be the future
of WordPress site editing.
 Keeping that in mind, the Design Blocks Gutenberg plugin
is developed to serve you the ultimate experience with Gutenberg WordPress blocks.
It gives you the flexibility to personalize websites to match your preferences. 
It serves the vast WordPress community by adding functionality, improving flexibility,
and providing a variety of solutions.

### List of Design Blocks for WordPress:

The Design Blocks includes the following blocks for the Gutenberg WordPress block
editor:

 1. **[Accordion]** – A stylish expandable accordion block makes the web design look
    clean and minimalistic while containing ample information in it.
 2. **[Button]** – Create user engaging button on WordPress block editor in the easiest
    way. The Button block can help you get a higher conversion on your website.
 3. **[Grid]** – Customize the column layout to your convenience. Use the Grid block
    to customize column attributes like width and position to create a column-based
    grid layout.
 4. **[Heading]** – The first element to grab user attention. Create attractive and
    explicit heading styles with the Heading blocks and grab attention at first sight.
 5. **[Image Slider]** – Design trendy websites with the image slider. Image in a slider
    gives your website a modern look and also makes it interactive for users.
 6. **[Info Box]** – Create versatile styles with a sophisticated info box. The block
    gives a creative way to highlight information on your website.
 7. **[Post Grid]** – Show the posts on your website in an organized way using the 
    Grid block. Posts in a grid view are easy to navigate, which improves the user 
    experience.
 8. **[Tabs]** – Tab block makes your web design minimal and efficient. You can put
    content into different tabs and the tabs are only visible when visitors open them.

More advanced blocks are in the making to give you an exciting WordPress site-building
experience.

### Privacy Policy

Design Blocks uses [Appsero](https://appsero.com) SDK to collect some telemetry 
data upon user’s confirmation. This helps us to troubleshoot problems faster & make
product improvements.

Appsero SDK **does not gather any data by default.** The SDK only starts gathering
basic telemetry data **when a user allows it via the admin notice**. We collect 
the data to ensure a great user experience for all our users.

Integrating Appsero SDK **DOES NOT IMMEDIATELY** start gathering data, **without
confirmation from users in any case.**

Learn more about how [Appsero collects and uses this data](https://appsero.com/privacy-policy/).

## 屏幕截图

[⌊This is the General area of the Dashboard of Design Blocks.⌉⌊This is the General
area of the Dashboard of Design Blocks.⌉[

This is the General area of the Dashboard of Design Blocks.

[⌊Front End design of Image Slider Block.⌉⌊Front End design of Image Slider Block
.⌉[

Front End design of Image Slider Block.

[⌊Front End design of the Info Box Block.⌉⌊Front End design of the Info Box Block
.⌉[

Front End design of the Info Box Block.

[⌊Dashboard area to enable or disable Blocks.⌉⌊Dashboard area to enable or disable
Blocks.⌉[

Dashboard area to enable or disable Blocks.

[⌊Front End design of Button Block.⌉⌊Front End design of Button Block.⌉[

Front End design of Button Block.

[⌊Front End design of Heading Block.⌉⌊Front End design of Heading Block.⌉[

Front End design of Heading Block.

[⌊Front End design of Accordion Block.⌉⌊Front End design of Accordion Block.⌉[

Front End design of Accordion Block.

[⌊Front End design of Tabs Block.⌉⌊Front End design of Tabs Block.⌉[

Front End design of Tabs Block.

## 区块

该插件提供了 16 个区块.

 *   Button
 *   Heading
 *   Exb Grid
 *   Exb Column
 *   Exb Image Slider
 *   Exb Tabs
 *   Exb Tabs Child
 *   Exb Accordion
 *   Exb Accordion Child
 *   Exb Infobox
 *   Exb Post Grid
 *   Exb Post Title
 *   Exb Post Image
 *   Exb Post Button
 *   Exb Post Excerpt
 *   Exb Post Meta

## 安装

 1. Download “Design Blocks” plugin
 2. Simply go to the Plugins page, then click on Add new and select the plugin’s .zip
    file which is “exclusive-blocks.zip”.
 3. Alternatively you can extract the contents of the zip file directly to your wp-
    content/plugins/ folder
 4. Finally, activate the plugin.
 5. You can find them under the category “Design Blocks” on your Block list.

e.g.

 1. Upload the plugin files to the `/wp-content/plugins/exclusive-blocks` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## 常见问题

### For whom are Design Blocks suitable?

Design Blocks is packed with a bunch of advanced and powerful blocks that extend
the useability of Gutenberg.
 Therefore, it is suitable for anyone who uses the 
Gutenberg editor and looking to extend the functionality of their website.

### Is Design Blocks free?

Yes. Design Blocks is a free plugin for WordPress.

### What are the requirements to use Design Blocks?

Design Blocks is an Addon for the Gutenberg block editor.
 Therefore, you can use
it any WordPress site.

### Which WordPress themes are compatible with Design Blocks?

You can use any WordPress theme that supports Block editor functionalities.

### How can I get support?

https://wordpress.org/support/plugin/exclusive-blocks/

### Does Design Blocks work with other page builders?

The Design Blocks does not conflict with any other page builders.
 It seamlessly
works with other page builders or WordPress plugins so far we tested.

### Can I use Design Blocks for client websites?

Yes, you can use the Design Blocks plugin for your and any of your client’s websites.

### Can I disable blocks that I don’t use?

Yes, you can disable blocks that you don’t need. You can do that from the dashboard
of Design Blocks.

## 评价

![](https://secure.gravatar.com/avatar/4cfbfdb5dd44b8706b6a7b4a4431ef58cd19a33cfaedb3e36a5105a1743659a8?
s=60&d=retro&r=g)

### 󠀁[Efficient Functionality and Elegant Design](https://wordpress.org/support/topic/efficient-functionality-and-elegant-design/)󠁿

 [shykotkhan](https://profiles.wordpress.org/shykotkhan/) 2024 年 2 月 12 日

I am happy to use this plugin. It provides essential functionality with elegant 
design and enormous features.

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/exclusive-blocks/reviews/)

## 贡献者及开发者

「Design Blocks – Gutenberg Blocks collection」是开源软件。 以下人员对此插件做出
了贡献。

贡献者

 *   [ devscred ](https://profiles.wordpress.org/devscred/)
 *   [ Muntasir M. Aumio ](https://profiles.wordpress.org/mmaumio/)
 *   [ Atique Hasan ](https://profiles.wordpress.org/atiquehasan/)
 *   [ orionshariar ](https://profiles.wordpress.org/orionshariar/)
 *   [ Fahim Ahmmed Sohan ](https://profiles.wordpress.org/fahimahmmed100/)

[帮助将「Design Blocks – Gutenberg Blocks collection」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/exclusive-blocks)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/exclusive-blocks/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/exclusive-blocks/)，或通过[RSS](https://plugins.trac.wordpress.org/log/exclusive-blocks/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/exclusive-blocks/)。

## 更新日志

#### 1.2.5 – 07/01/2026

 * Tweak: Maintaining Backward Compatibility.

#### 1.2.2 – 22/08/2024

 * Tweak: Updated the Description.

#### 1.2.1 – 20/02/2024

 * Tweak: Overall Bug fixes and improvements.

#### 1.2.0 – 13/02/2024

 * Tweak: Overall Bug fixes and improvements.
 * Tweak: Added language file.

#### 1.0.0

 * Initial Release

## 额外信息

 *  版本 **1.2.5**
 *  最后更新：**3 月前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 4.7 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  语言
 * [English (US)](https://wordpress.org/plugins/exclusive-blocks/)
 * 标签
 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[editor](https://cn.wordpress.org/plugins/tags/editor/)
   [exclusive](https://cn.wordpress.org/plugins/tags/exclusive/)[gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)
   [gutenberg blocks](https://cn.wordpress.org/plugins/tags/gutenberg-blocks/)
 *  [高级视图](https://cn.wordpress.org/plugins/exclusive-blocks/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/exclusive-blocks/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/exclusive-blocks/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/exclusive-blocks/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/exclusive-blocks/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/exclusive-blocks/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/exclusive-blocks/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/exclusive-blocks/reviews/)

## 贡献者

 *   [ devscred ](https://profiles.wordpress.org/devscred/)
 *   [ Muntasir M. Aumio ](https://profiles.wordpress.org/mmaumio/)
 *   [ Atique Hasan ](https://profiles.wordpress.org/atiquehasan/)
 *   [ orionshariar ](https://profiles.wordpress.org/orionshariar/)
 *   [ Fahim Ahmmed Sohan ](https://profiles.wordpress.org/fahimahmmed100/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/exclusive-blocks/)