Title: Disable Block &#8211; Hide blocks in the frontend
Author: landwire
Published: <strong>2022 年 9 月 29 日</strong>
Last modified: 2025 年 7 月 13 日

---

搜索插件

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

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

# Disable Block – Hide blocks in the frontend

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

[下载](https://downloads.wordpress.org/plugin/disable-block.1.3.2.zip)

[实时预览](https://cn.wordpress.org/plugins/disable-block/?preview=1)

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

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

## 描述

Disable Block adds a simple button to the editor to disable the block on the frontend,
hiding it from viewers.
 Perfect for blocks that are not ready to be viewed by the
public, but you are working on in the backend.

It adds subtle markings in the editor, so that you can easily see which blocks are
disabled.
 Now it also adds some markings in the list view of the editor.

#### Features

 * Show or hide blocks with one click
 * Adds subtle markings and block name, so you can see which block is disabled, 
   leaving most of the design in the editor intact.

#### Limitations

Does not work with the Classic Block, Widget Block or Widget Area Block [‘core/freeform’,‘
core/legacy-widget’, ‘core/widget-area’], as the those blocks do not support block
attributes. Does also not work with the HTML Block [‘core/html’] inside the Widget
Screen, as this one also does not support block attributes there.

#### Configuration

Just activate the plugin. The “Disable Block” button will then appear in the toolbar
of each block.

## 屏幕截图

[⌊The 'Disable Block' button at work in the block editor.⌉⌊The 'Disable Block' button
at work in the block editor.⌉[

The ‘Disable Block’ button at work in the block editor.

## 常见问题

### Can I change the styling in the admin that marks which blocks are hidden?

Yes, of course this is possible with a filter. Ideally do not change the “content:
attr(data-spk-block-disabled);” as it creates the text for the labelling.

    ```
    function change_css_styles_example_function($css)
            {
                $css = '[data-spk-block-disabled]:before {
                          color: #fff;
                          content: attr(data-spk-block-disabled);
                          z-index: 2;
                          background: #8b0000;
                          padding: 2px 6px;
                          font-size: 12px;
                          font-weight: 700;
                          position: absolute;
                          top: 0;
                          transform: translateY(calc(-100% + 1px));
                          right: 0;
                        }
                        [data-spk-block-disabled]:after {
                          content: '';
                          z-index: 1;
                          border-top: 5px solid #8b0000;
                          border-right: 5px solid #8b0000;
                          border-radius: 0;
                          position: absolute;
                          inset: 0;
                        }';

                return $css;
            }

     add_filter('disable_block_admin_styles', 'change_css_styles_example_function', 10);
    ```

## 评价

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

### 󠀁[Works very well and stable](https://wordpress.org/support/topic/works-very-well-and-stable/)󠁿

 [Mitzi_Rebel](https://profiles.wordpress.org/mitzi_rebel/) 2023 年 3 月 15 日 1
回复

Easy light-weight plugin. Works very well and stable so far.

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

## 贡献者及开发者

「Disable Block – Hide blocks in the frontend」是开源软件。 以下人员对此插件做出
了贡献。

贡献者

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

[帮助将「Disable Block – Hide blocks in the frontend」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/disable-block)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.3.2

 * Fixed CSS styling and updated readme

#### 1.3.1

 * Fixed asset bundling

#### 1.3.0

 * Added listview support

#### 1.2.1

 * Updated asset loading for changes introduced in WordPress 6.3
 * Fixed typo in CSS

#### 1.2.0

 * Fixed return type for render_block filter

#### 1.1.0

 * Added “disable_block_admin_styles” filter, so that developers can control the
   styling of the hidden block markings in the editor.

#### 1.0.0

 * Initial Release of the plugin

## 额外信息

 *  版本 **1.3.2**
 *  最后更新：**11 月前**
 *  活跃安装数量 **80+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **6.8.5**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/disable-block/)
 * 标签
 * [block](https://cn.wordpress.org/plugins/tags/block/)[disable](https://cn.wordpress.org/plugins/tags/disable/)
   [disable block](https://cn.wordpress.org/plugins/tags/disable-block/)[hide](https://cn.wordpress.org/plugins/tags/hide/)
   [hide block](https://cn.wordpress.org/plugins/tags/hide-block/)
 *  [高级视图](https://cn.wordpress.org/plugins/disable-block/advanced/)

## 评级

 5 星（最高 5 星）。

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

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

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

## 贡献者

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

## 支持

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

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