Title: Designer Blocks for Block Editor by Weaver
Author: wpweaver
Published: <strong>2018 年 6 月 17 日</strong>
Last modified: 2018 年 12 月 9 日

---

搜尋外掛

![](https://ps.w.org/blocks-by-weaver/assets/banner-772x250.jpg?rev=1894245)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://ps.w.org/blocks-by-weaver/assets/icon-256x256.jpg?rev=1894245)

# Designer Blocks for Block Editor by Weaver

 由 [wpweaver](https://profiles.wordpress.org/wpweaver/) 開發

[下載](https://downloads.wordpress.org/plugin/blocks-by-weaver.1.0.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/blocks-by-weaver/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/blocks-by-weaver/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/blocks-by-weaver/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/blocks-by-weaver/#developers)

 [技術支援](https://wordpress.org/support/plugin/blocks-by-weaver/)

## 外掛說明

The new Block Editor Editor (Gutenberg) provides a completely new way to edit your
WordPress Pages and Posts. The standard version provides many blocks, but _Designer
Blocks for the Block Editor by Weaver_ adds several new blocks that make it easy
to add modern web design patterns to your pages.

**Designer Blocks for the Block Editor by Weaver currently includes:**

 * **_All-in-One Image/Text_**
 * Combine an image in one column with up to three text elements in the second column.
   You can control the size and shape of the image. You can independently control
   the position, text color, and font-size of the three text elements. You can switch
   the order of the columns.
 * Not only can you control the background color, you can also specify a cover background
   image that can be switch to a parallax image. You control the display height 
   of the background image. This Block allows you to easily create amazingly beautiful
   elements on your page.
 * **_Image Columns_**
 * Create a block with up to four columns with an image at the top of the block,
   with a title and description under. The image can be a square, a circle, or the
   aspect of the original image.
 * This web design pattern is found on many modern sites, and is commonly used for
   showing staff, product images/logos with descriptions, or other blocks with text
   under an image. The _Image Columns_ block makes it trivial to create this design.

#### Features shared by blocks

 * Image shape choice: original aspect ratio, plus square or circle in three sizes
 * Background color for columns
 * Text area text color and font-size.
 * Standard Gutenberg text properties: bold, italic, strikethrough, link
 * Wide and Full width display if theme supports it
 * Responsive – will automatically look good on desktops and mobile devices

#### Demos, Help, and Full support on our own website

> [Designer Blocks for Gutenberg by Weaver Demo](https://weavertheme.com/plugins/designer-block-demos)
> 
> [Weaver Support Forum](https://forum.weavertheme.com/)

#### Suggestions Welcome

> This version has been tested and is fully compatible with the final WordPress 
> 5.0 release! As features, APIs, and best practices change in the Block Editor,
> so will this plugin.

The goal of this plugin it to include easy-to-use designer blocks that mix images,
text, and background images arragned in different creative patterns. If you have
a favorite web design pattern you’d like made easy, just send us an email, and we’ll
see if it can be made into a block.

## 螢幕擷圖

[⌊All-in-one Image/Text⌉⌊All-in-one Image/Text⌉[

All-in-one Image/Text

[⌊Image Columns⌉⌊Image Columns⌉[

Image Columns

## 適用於區塊編輯器

這個外掛提供 2 個可供區塊編輯器使用的區塊。

 *   Image Columns
 *   All-in-One Image/Text

## 安裝方式

#### Minimum Requirements

You’ll need the **Gutenberg plugin** for this plugin to work. (Gutenberg should 
be included in WordPress 5.0 sometime in 2018.)

#### Automated Installation

Add and activate this plugin to automatically add the new blocks to the Gutenberg
editor. Installation is free, quick, and easy. Use the standard WordPress plugin
installation admin panel.

## 常見問題集

  What is Gutenberg and why do I need it for this plugin to work?

Gutenberg is a beta project by Matt Mullenweg, the co-founder of WordPress. It’s
a visual builder prototype of the new WordPress editor that’s coming out with WordPress
5.0 sometime in 2018.

Since its yet to be fully integrated with WordPress, Gutenberg comes as a separate
plugin for developers and beta testers. This plugin is an add-on for the current
Gutenberg plugin, so you’ll need both of them installed for you to use it.

  Won’t adding new blocks make Gutenberg bigger and slower?

One of the great features of Gutenberg is that it has been designed from the start
to make it easy for plugin developers to add new blocks (although they require a
high level of technical and programming skill). Because of the API designed for 
Gutenberg, each new block is really very tiny, and will not measurably affect the
speed or size of Gutenberg.

  How did you create Great Gutenberg Blocks by Weaver?

This plugin has been built using [Ahmad Awais’ Create Guten Block](https://github.com/ahmadawais/create-guten-block)
tool.

  Why would I need an add-on for Gutenberg?

Currently, Gutenberg has some of the most basic features needed to create a website.
However, the basic blocks are fairly limited, so we wanted to provide more page-
builder-like blocks and make it easy to add some of the currently popular designer
patterns.

  I have a suggestion for an existing block.

Note: due to some very critical restrictions on the Gutenberg block programming 
interface, it is essentially impossible to add new features to an existing block.
Styling elements covered by CSS can be tweaked, but _nothing_ related to the fundamental
HTML code generated by the block can be modified without breaking any previous instances
of the block.

## 使用者評論

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

### 󠀁[nice pluguien](https://wordpress.org/support/topic/nice-pluguien/)󠁿

 [Libros juveniles gratis](https://profiles.wordpress.org/j0bznit665/) 2020 年 1
月 15 日

I like to try this plugin on page to see how work thanks

 [ 閱讀全部 1 則使用者評論 ](https://wordpress.org/support/plugin/blocks-by-weaver/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Designer Blocks for Block Editor by Weaver〉的開發相關工作。

參與者

 *   [ wpweaver ](https://profiles.wordpress.org/wpweaver/)

〈Designer Blocks for Block Editor by Weaver〉外掛目前已有 1 個本地化語言版本。 
感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/blocks-by-weaver/contributors)
為這個外掛做出的貢獻。

[將〈Designer Blocks for Block Editor by Weaver〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/blocks-by-weaver)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/blocks-by-weaver/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/blocks-by-weaver/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/blocks-by-weaver/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/blocks-by-weaver/)。

## 變更記錄

#### 1.0.1

 * Tweaks: Updated for final WP 5.0 release

#### 1.0

 * New: Optional link button for Image Columns block. You must enable link buttons
   to see them!
 * Updates: Several tweaks and updates for Gutenberg 5.0 compatibility
 * IMPORTANT NOTE: Version 1.0 may not be backward compatible with previous designer
   blocks. Gutenberg has been a moving target, and now that WP 5.0 release is near,
   there have been changes that break some backward compatbility. You can convert
   to HTML blocks and preserve your old blocks, but if you need changes, you may
   have to recreate them from scratch.

#### 0.4.2

 * Tweak: added margins between columns – makes displays better when cols have bg
   color
 * Fix: bug when changing bg colors from a color back to none (transparent)

#### 0.4.1

 * Minor Styling tweaks

#### 0.3

 * First release

## 中繼資料

 *  版本 **1.0.1**
 *  最後更新 **8 年前**
 *  啟用安裝數 **50+**
 *  WordPress 版本需求 ** 4.9.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **5.0.27**
 *  PHP 版本需求 ** 5.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/blocks-by-weaver/) 及 [Russian](https://ru.wordpress.org/plugins/blocks-by-weaver/).
 *  [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/blocks-by-weaver)
 * 標籤:
 * [block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)[blocks](https://tw.wordpress.org/plugins/tags/blocks/)
   [editor blocks](https://tw.wordpress.org/plugins/tags/editor-blocks/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)
   [web-design](https://tw.wordpress.org/plugins/tags/web-design/)
 *  [進階檢視](https://tw.wordpress.org/plugins/blocks-by-weaver/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  1 個 5 星使用者評論     ](https://wordpress.org/support/plugin/blocks-by-weaver/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/blocks-by-weaver/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/blocks-by-weaver/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/blocks-by-weaver/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/blocks-by-weaver/reviews/?filter=1)

[撰寫評分](https://wordpress.org/support/plugin/blocks-by-weaver/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/blocks-by-weaver/reviews/)

## 參與者

 *   [ wpweaver ](https://profiles.wordpress.org/wpweaver/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/blocks-by-weaver/)