描述
Gutenberg 区块的独特收藏。下面是一个使用 Editor Blocks 创建的完整页面的示例- Editor Blocks 演示
区块
Wrapper Block
添加一个背景图像或者颜色到任意区块，同样包括外边距和内边距
Hero Block
将此块与包装块配对以创建惊人的hero区域
Pricing Table Block
漂亮的2,3,4或者5列售价表格
Author Profile Block
适用block动态的展示一个WordPress用户资料
Team Members Block
以多列布局显示团队成员列表
Testimonial Block
用这个漂亮的街区展示你的客户推荐信
Callout Block
使用内联标注将访问者的注意力吸引到高价值的页面或新闻稿上。
Brands Block
连续显示徽标集合。非常适合突出您的合作伙伴或客户。
Features Block
在列中显示有组织的要素列表。为每个功能附带一个图像或图标。
Horizontal Feature Block
使用此水平显示突出显示产品或服务的关键功能。
Vertical Feature Block
使用垂直展示高亮你的产品和服务的关键功能
设计注意事项
Editor Blocks 看起来更好与广泛的布局，我们建议使用’全宽度’页面模板，如果你的主题有一个。我们还构建了一个（免费）主题，您可以使用：
源代码和捐献
此插件的完整源代码可以在GitHub上找到：
您可以通过多种方式做出贡献：
2018 年 9 月 18 日
1 回复
All the blocks are amazing, well designed, they're way better than the default Gutenberg Blocks, this plugin is how Gutenberg should work!
2020 年 10 月 6 日
1 回复
They are getting beter and better. Support is resonsive. The wrapper blok is a big hit, I already use it a lot on most of my pages.
![](https://github.com/editorblocks/editor-blocks/issues/new“ rel="nofollow ugc"> 在GitHub上的问题</li>
<li>Send a <a href="https://github.com/editorblocks/editor-blocks/pulls" rel="nofollow ugc">拉取请求</a> 与你的错误修复和/或新功能</li>
<li>提供一个 <a href="https://translate.wordpress.org/projects/wp-plugins/editor-blocks" rel="nofollow ugc">翻译</a></li>
</ol></div>
<div id="screenshots" class="plugin-screenshots section">
<h2 id="screenshots-header">屏幕截图</h2>
<ul class="plugin-screenshots"><li><figure><a href="https://ps.w.org/editor-blocks/assets/screenshot-1.jpg?rev=1924064" rel="nofollow"><img decoding="async" class="screenshot" src="https://ps.w.org/editor-blocks/assets/screenshot-1.jpg?rev=1924064" alt="" /></a><figcaption>售价表格Gutenberg区块</figcaption></figure></li><li><figure><a href="https://ps.w.org/editor-blocks/assets/screenshot-2.jpg?rev=1924064" rel="nofollow"><img decoding="async" class="screenshot" src="https://ps.w.org/editor-blocks/assets/screenshot-2.jpg?rev=1924064" alt="" /></a><figcaption>精选Gutenberg区块</figcaption></figure></li><li><figure><a href="https://ps.w.org/editor-blocks/assets/screenshot-3.jpg?rev=1924064" rel="nofollow"><img decoding="async" class="screenshot" src="https://ps.w.org/editor-blocks/assets/screenshot-3.jpg?rev=1924064" alt="" /></a><figcaption>团队Members Gutenberg 区块</figcaption></figure></li></ul></div>
<div id="blocks" class="plugin-blocks section">
<h2 id="blocks-header">区块</h2>
<p>该插件提供了12个区块.</p>
<ul class="plugin-blocks-list">
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Wrapper (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Callout (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Team (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Pricing Table (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Vertical Feature (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Horizontal Feature (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Intro (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Features (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Testimonial (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Brands (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Author Profile (EB)</span>
</li>
<li class="plugin-blocks-list-item">
<span class="block-icon dashicons dashicons-block-default"></span>
<span class="block-title">Hero (EB)</span>
</li>
</ul>
</div>
<div id="tab-installation" class="plugin-installation section">
<h2 id="installation-header">安装</h2>
<p>你需要用 Gutenberg 插件用于这个工作。包括Gutenberg以及Editor Blocks 可以从/wp-admin里面安装</p>
<p>1) 登陆到WordPress Admin.<br />
2) 导航到 Pluigin → Add New.<br />
3) 输入’Editor Blocks’ 到搜索字段<br />
4) 一旦Editor Block 显示，点击“Install Now” 然后 “激活”</p></div>
<div id="faq" class="plugin-faq section">
<h2 id="faq-header">常见问题</h2>
<dl>
<dt>
<h3>Editor Block 可以适用于我的主题吗？</h3>
</dt>
<dd>
<p>Editor Blocks 将用于所有主题。但是，根据主题的样式和内容宽度，它们的显示方式可能与我们的演示有所不同。这就是为什么我们创建了一个编辑器块优化主题，您可以免费下载：</p>
<p><a href="https://wordpress.org/themes/editor-blocks" rel="nofollow ugc">编辑器区块主题</a></p>
</dd>
</dl></div>
<div id="tab-reviews" class="plugin-reviews section">
<h2 id="reviews-header">评价</h2>
<div class="plugin-reviews">
<article class="plugin-review">
<div class="review-avatar">
<img alt=){kind=link}