Home » Articles » Visibility Controls » Hide Block

Hide Block

The Hide Block control was one of the first controls included in Block Visibility, all the way back in version 1.0.0. It’s as powerful as it is simple.

How to Use

Click on any block in the Block Editor and navigate to the Visibility panel. You will notice the Hide Block control located right at the top. See the screenshot below. This control is enabled be default for all blocks.

Hide Block control in the block settings sidebar (v1.7)

Simply click the toggle to “hide” the selected block on the frontend of your website. The block will be hidden for everyone, including Administrators and other logged-in users.

Note that the Hide Block control takes precedent over all other visibility controls. If activated, the block will be completely hidden, period.

Usage Examples

Content management is the best application for the Hide Block control. It creates an entirely new workflow in WordPress that you will not want to live without after you have grown accustom to it. Here are a couple examples to get the “gears turning”.

Creating new content for an already published page or post:

If you have worked with WordPress in any capacity, you have likely run into the following issue.

Say you have a page that is already published to the world, but you need to make edits to it. You can’t set the page to “draft” while you are making your edits because it’s an important page that needs to remain live. And what if you have a lot of edits to make that need to be reviewed by others?

Without the Hide Block control, you would have to make all your edits in one go. There is no way in WordPress core to save your pending edits without making them live. But, you have installed Block Visibility, so now you can simply “hide” any incomplete blocks, or groups of blocks, and save the page. The public will be non the wiser!

Temporarily hide content that you will need again in the future:

The example happens frequently with businesses using WordPress. Lets assume you operate a hotel website that has a page dedicated to upcoming events. Christmas and New Year’s have just passed so you need to remove that holiday content from the upcoming events page.

It would be simple enough to just delete the relevant blocks. But what if next year’s holiday content will be very similar. Recreating it will be very annoying. What if you could just “hide” the blocks instead? Then the following year, all you need to do is tweak the content and “un-hide” it.

The Hide Block control to the rescue!

Hopefully those two examples illustrate just how powerful the Hide Block control can be. In fact, the second example was the real-life inspiration for the entire Block Visibility plugin. 😉

How to Disable

The Hide Block control is unique from all other visibility controls in that it cannot be disabled at the block level. That said, if you don’t think you will need this control on your website at all, it can be disabled globally in the Visibility Control Settings.

Note that if this control is disabled globally, any blocks that are actively being hidden by the Hide Block control will become visible again.

Need Help?

Submit a support ticket on WordPress.org.