Title: Editor Block Outline
Author: Kalimah Apps
Published: <strong>2020 年 12 月 23 日</strong>
Last modified: 2026 年 2 月 2 日

---

搜索插件

![](https://ps.w.org/editor-block-outline/assets/banner-772x250.png?rev=2546383)

![](https://ps.w.org/editor-block-outline/assets/icon.svg?rev=2546383)

# Editor Block Outline

 作者：[Kalimah Apps](https://profiles.wordpress.org/khr2003/)

[下载](https://downloads.wordpress.org/plugin/editor-block-outline.1.4.3.zip)

 * [详情](https://cn.wordpress.org/plugins/editor-block-outline/#description)
 * [评价](https://cn.wordpress.org/plugins/editor-block-outline/#reviews)
 * [开发进展](https://cn.wordpress.org/plugins/editor-block-outline/#developers)

 [支持](https://wordpress.org/support/plugin/editor-block-outline/)

## 描述

This a Gutenberg plugin that adds an outline around each block. Outline settings
are based on user meta. Each user can
 change the settings according to their needs
and it will applied only to their account.

Users can change:

 * When to show outline. On hover or always displayed.
 * Lock outline for a single block.
 * Disable outline completely.
 * Show data (name and class) outside block, inside or floating when hovering over
   block
 * Change outline color.
 * Change outline style to solid, dashed or dotted line
 * Change padding size
 * Show/hide block name

### Filters

 * editor_outline_default_user_meta
    You can override the default user meta by using
   this filter. The filter will receive the default user meta as an array and you
   can return a modified array. Check github repo for more information. https://
   github.com/kalimahapps/Editor-Block-Outline#filters

## 屏幕截图

[⌊Outline around each block when set to always visible⌉⌊Outline around each block
when set to always visible⌉[

Outline around each block when set to always visible

[⌊Editor outline settings⌉⌊Editor outline settings⌉[

Editor outline settings

## 评价

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

### 󠀁[Great plugin – should be part of wp core](https://wordpress.org/support/topic/great-plugin-should-be-part-of-wp-core-2/)󠁿

 [rcain](https://profiles.wordpress.org/rcain/) 2024 年 11 月 5 日

Absolutely great plugin. You seem to have thought of everything. Makes Gutenberg/
block editor actually usable. Should be part of wp core. Thanks for your great work
🙂

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

### 󠀁[This should have been baked in from the start!](https://wordpress.org/support/topic/this-should-have-been-baked-in-from-the-start/)󠁿

 [](https://profiles.wordpress.org/mgjaltema/) 2024 年 4 月 22 日

I was never ready to make the jump to Gutenberg but I had to do it sooner or later.
Coming from (leaving?) Elementor with it’s nice interface, it’s a brutal contrast
and I have never understood why they made it so empty and counter-intuitive. Your
plugin will make my transition much less painful so thanks for the great work! I
have actually tried a few of these plugins but you really raised the bar and has
some great extra features.

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

### 󠀁[Nice visual tool but…](https://wordpress.org/support/topic/nice-visual-tool/)󠁿

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

Works great with latest version of WP 6.4.3. The only issue is that it disable a
native function (from the browser of Wordpress) that when you select multiple blocks
they become highlighted. When that plugin is enable, you don’t see that anymore 
and it’s difficult to see which blocks are selected. So it’s a plugin that help 
to better see the limits of the blocks but makes you blind with other things… (I’m
on Mac with Firefox).

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

### 󠀁[Simple and just a very helpfull plugin](https://wordpress.org/support/topic/simple-and-just-a-very-helpfull-plugin/)󠁿

 [Chrilles](https://profiles.wordpress.org/chrilles/) 2024 年 1 月 28 日

I use this on all my WP installs, and it just makes editing blocks so much easier.
Never had an issue with this plugin. Thank you.

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

### 󠀁[This should be a standard feature](https://wordpress.org/support/topic/this-should-be-a-standard-feature-2/)󠁿

 [rock5861](https://profiles.wordpress.org/rock5861/) 2023 年 12 月 25 日

Excellent!

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

### 󠀁[Nice plugin with good developer support](https://wordpress.org/support/topic/nice-plugin-with-good-developer-support/)󠁿

 [Tim in Seattle](https://profiles.wordpress.org/theframeguy/) 2023 年 3 月 17 日

While testing the Editor Block Outline plugin, I came up with a feature I thought
would be helpful to most anyone and likely not too difficult for the developer to
add. I suggested the feature to the developer, and within a few days, it was added.
Amazing!

 [ 阅读所有21条评价 ](https://wordpress.org/support/plugin/editor-block-outline/reviews/)

## 贡献者及开发者

「Editor Block Outline」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Kalimah Apps ](https://profiles.wordpress.org/khr2003/)
 *   [ Thorsten Frommen ](https://profiles.wordpress.org/tfrommen/)
 *   [ Joe Bailey-Roberts ](https://profiles.wordpress.org/sephsekla/)

「Editor Block Outline」插件已被翻译至 11 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/editor-block-outline/contributors)
为本插件所做的贡献。

[帮助将「Editor Block Outline」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/editor-block-outline)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.4.3

 * Update to make it compatible with WordPress 6.9

#### 1.4.1

 * Update inconsistent documentation

#### 1.4.0

 * Remove editor scripts from the frontend of the site

#### 1.3.2

 * Updated and fixed compatibility issues with WordPress 6.5

#### 1.3.1

 * Tested with version 6.5

#### 1.3.0

 * Add default meta filter

#### 1.2.1

 * Fixed colorpalette issue with WordPress 6.0+

#### 1.2

 * Added toggle for enabling/disabling outline padding
    **Please note that this 
   is a breaking behavioral change. Users who set padding previously will need to
   enable this option for padding to take effect.

#### 1.1.2

 * Fixed block title for cover block

#### 1.1.1

 * Fixed floating box bug
 * Set initial show class name to false

#### 1.1

 * Added data position setting (outside, inside or floating)
 * Added show class name option
 * Fixed hover setting for nested blocks
 * Removed twitter admin notice
 * Code formatting and optimization

#### 1.0.4

 * Fixed bugs

#### 1.0.3

 * Added lock outline per single block
 * Added outline padding
 * Fixed drag and drop issue with WP 5.7 where dragging line is not showing
 * Removed outline for add block box
 * New icon and banner design
 * Fixed block name for spacer block

#### 1.0.2

 * Code formatting and optimization

#### 1.0.1

 * Added opacity option

#### 1.0

 * First version

## 额外信息

 *  版本 **1.4.3**
 *  最后更新：**4 月前**
 *  活跃安装数量 **1,000+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.0 或更高版本 **
 *  语言
 * [Catalan](https://ca.wordpress.org/plugins/editor-block-outline/) 、 [English (US)](https://wordpress.org/plugins/editor-block-outline/)、
   [French (France)](https://fr.wordpress.org/plugins/editor-block-outline/) 、 
   [Japanese](https://ja.wordpress.org/plugins/editor-block-outline/) 、 [Norwegian (Bokmål)](https://nb.wordpress.org/plugins/editor-block-outline/)、
   [Spanish (Chile)](https://cl.wordpress.org/plugins/editor-block-outline/) 、 
   [Spanish (Colombia)](https://es-co.wordpress.org/plugins/editor-block-outline/)、
   [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/editor-block-outline/)、
   [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/editor-block-outline/)、
   [Spanish (Spain)](https://es.wordpress.org/plugins/editor-block-outline/) 、 
   [Spanish (Venezuela)](https://ve.wordpress.org/plugins/editor-block-outline/)
   和 [Swedish](https://sv.wordpress.org/plugins/editor-block-outline/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/editor-block-outline)
 * 标签
 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[editor](https://cn.wordpress.org/plugins/tags/editor/)
   [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[layout](https://cn.wordpress.org/plugins/tags/layout/)
   [outline](https://cn.wordpress.org/plugins/tags/outline/)
 *  [高级视图](https://cn.wordpress.org/plugins/editor-block-outline/advanced/)

## 评级

 4.9 星（最高 5 星）。

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

[Your review](https://wordpress.org/support/plugin/editor-block-outline/reviews/#new-post)

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

## 贡献者

 *   [ Kalimah Apps ](https://profiles.wordpress.org/khr2003/)
 *   [ Thorsten Frommen ](https://profiles.wordpress.org/tfrommen/)
 *   [ Joe Bailey-Roberts ](https://profiles.wordpress.org/sephsekla/)

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/editor-block-outline/)