Disable Block – Hide blocks in the frontend

Mô tả

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.

Ảnh màn hình

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

Hỏi đáp

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);

Đánh giá

Đọc tất cả 1 đánh giá

Người đóng góp & Lập trình viên

“Disable Block – Hide blocks in the frontend” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

Nhật ký thay đổi

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