{"id":70857,"date":"2021-04-08T12:59:58","date_gmt":"2021-04-08T16:59:58","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=70857"},"modified":"2021-04-08T12:59:59","modified_gmt":"2021-04-08T16:59:59","slug":"block-visibility","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/","title":{"rendered":"How to use the Block Visibility Plugin for WordPress"},"content":{"rendered":"<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin-1024x538.png\" alt=\"Block Visibility Plugin for WordPress - title image\" class=\"wp-image-70902\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>There are times when you may be working with a WordPress post and you have content that you want to have visible at a certain time, on a specific device type, or just for some people.\u00a0This can be done with a useful plugin called <strong>Block Visibility<\/strong>.<\/p>\n\n\n\n<p>This plugin allows you to control content by block visibility using time, user roles, and even URL queries. This guide will take you through the installation and use of the <strong>Block Visibility<\/strong> plugin in WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#installing\">Installing the Block Visibility Plugin<\/a><\/li><li><a href=\"#configuring\">Configuring the Block Visibility Plugin Settings<\/a><ul><li><a href=\"#general-settings\">General Settings<\/a><\/li><li><a href=\"#visibility-controls\">Visibility Controls<\/a><\/li><li><a href=\"#block-manager\">Block Manager<\/a><\/li><\/ul><\/li><li><a href=\"#using-the-plugin\">Using the Block Visibility in a Post<\/a><\/li><\/ul>\n\n\n<div class=\"jumbotron\"><img loading=\"lazy\" decoding=\"async\" style=\"display: block; float: right; margin-left: 12px;\" src=\"https:\/\/design.inmotionhosting.com\/assets\/legacy\/images\/website-transfer.svg\" alt=\"Easy WordPress Website Transfers\" width=\"80\" height=\"80\" \/>\r\n<p>If you\u2019re having trouble with your WordPress host, then check out InMotion\u2019s <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">WordPress Hosting<\/a>. We provide secure, optimized servers that are priced to meet your budget needs!<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Free Domain    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Free SSLs    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Unlimited Bandwidth<\/p>\r\n<p><a class=\"btn btn-primary btn-lg\" href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">WordPress Hosting<\/a><\/p>\r\n<\/div>\n\n\n\n<p class=\"alert alert-danger\">The <strong>Block Visibility<\/strong> plugin only works with the default editor (Gutenberg) used in WordPress 5.0+. It will not work with the Classic editor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installing\">Installing the Block Visibility Plugin<\/h2>\n\n\n\n<p>We will install the plugin using the<a aria-label=\" WordPress Administrator Dashboard (opens in a new tab)\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\" target=\"_blank\" rel=\"noreferrer noopener\"> WordPress Administrator Dashboard<\/a>.\u00a0To use the steps below, please log in to the administrator.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-plugin-install-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"350\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-plugin-install-1.jpg\" alt=\"Block Visibility plugin as it appears in the WordPress Plugin Directory\" class=\"wp-image-70858\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-plugin-install-1.jpg 574w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-plugin-install-1-300x183.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>In the menu, click on <strong>Plugins<\/strong>.<\/li><li>Select <strong>Add New<\/strong>.<\/li><li>Search for \u201cBlock Visibility\u201d in the <em>Search Plugins<\/em> field in the top right.\u00a0<\/li><li>You will then see the plugin titled, <em>\u201cBlock Visibility \u2013 Conditional Visibility Controls for all Blocks\u201d by Nick Diego<\/em>. Click on the <strong>Install Now<\/strong> button.<\/li><li>When the installation completes, click on the <strong>Activate<\/strong> button to enable the plugin for your WordPress site.<\/li><\/ol>\n\n\n\n<p>At this point, the plugin is active and installed.\u00a0You will see that Block Visibility has been added to your Settings menu.\u00a0Note that \u201cVisibility\u201d will appear in the Block portion of the Block Settings when editing a post.\u00a0This is different from the Post setting for visibility where you can <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/scheduling-a-blog-post-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">schedule the publication of a post<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"configuring\">Configuring the Block Visibility Plugin Settings<\/h2>\n\n\n\n<p>Before you start using the <strong>Block Visibility<\/strong> plugin, it is important to understand the settings available for its configuration. To see the settings, please go to the menu, click on <strong>Settings<\/strong>, then click on <strong>Block Visibility<\/strong>.\u00a0Note that each settings section includes an informational link that will also provide a more detailed description of each setting. If you make changes to any settings in each tab, then you must click on the <strong>Update<\/strong> button to save your modifications.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Getting Started<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visiblity-settings-getting-started.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"707\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visiblity-settings-getting-started-1024x707.jpg\" alt=\"Getting started screen when viewing Block Visibility settings\" class=\"wp-image-70859\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visiblity-settings-getting-started-1024x707.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visiblity-settings-getting-started-300x207.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visiblity-settings-getting-started-768x530.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visiblity-settings-getting-started.jpg 1413w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>The first screen you will see is the <strong>Getting Started<\/strong> page. You will see a welcome and a video overview of the plugin. This is a great way to get quickly familiarized with the plugin. There is also a link for support that takes you to the <a aria-label=\"WordPress support page for the plugin (opens in a new tab)\" href=\"https:\/\/wordpress.org\/support\/plugin\/block-visibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress support page for the plugin<\/a>.\u00a0And there are links to the plugin web page, GitHub, and Twitter.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"general-settings\">General Settings<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-general-settings.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-general-settings-1024x521.jpg\" alt=\"General Settings \" class=\"wp-image-70860\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-general-settings-1024x521.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-general-settings-300x153.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-general-settings-768x390.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-general-settings-1536x781.jpg 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-general-settings.jpg 1920w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>The next section is labeled <strong>General Settings<\/strong>. Each of the settings in this section is divided into sections.\u00a0These sections are:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Block Editor<\/li><li>User Permissions<\/li><li>Full Control Mode<\/li><li>Uninstall<\/li><\/ul>\n\n\n\n<p><strong>Block Editor<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-block-editor.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"200\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-block-editor.jpg\" alt=\"General Settings - Block Editor\" class=\"wp-image-70861\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-block-editor.jpg 700w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-block-editor-300x86.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>Here you use the sliders to enable or disable each option. The first item allows for users editing a post to see when a block visibility setting is added to it, even if they cannot edit it. This is an example of how it would look.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/contextual-example.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"259\" class=\"wp-image-70862\" style=\"width: 600px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/contextual-example.jpg\" alt=\"contextual indicator example\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/contextual-example.jpg 645w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/contextual-example-300x129.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><br><br>The block is greyed out, but there is a dotted line and an icon added at the end of it indicating that a visibility setting has been applied to the block. With no contextual indicator, there will be no hint that block settings have been applied and the block would display normally.<\/p>\n\n\n\n<p>The next two settings are fairly self-explanatory. The option for the toolbar allows for the controls for the plugin to be visible in the editor.\u00a0<\/p>\n\n\n\n<p>The final Block Editor settings option is to enable plugin notices while using the editor.<\/p>\n\n\n\n<p><strong>User Permissions<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-user-permissions.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"815\" height=\"247\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-user-permissions.jpg\" alt=\"General Settings- User Permissions\" class=\"wp-image-70863\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-user-permissions.jpg 815w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-user-permissions-300x91.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-user-permissions-768x233.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>If you enable this option then you will be able to restrict what user roles can use the plugin.\u00a0Note that this screenshot only indicates standard WordPress roles with Editor, Author, and Contributor.\u00a0The Administrator will always have access to the plugin.<\/p>\n\n\n\n<p><strong>Full Control Mode<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-full-control.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"126\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-full-control.jpg\" alt=\"General Settings - Full Control\" class=\"wp-image-70864\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-full-control.jpg 700w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-full-control-300x54.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>This option allows you to apply visibility controls to every block. However, the developer warns against it, as some block types do not always correctly retain or release the visibility settings.\u00a0The example they use is the Column block \u2013 as opposed to the COLUMNS block.\u00a0They mention that if the plugin were disabled, then visibility settings on the Column block can not be controlled.\u00a0In other words, as they are indicating, <em>use with caution<\/em>.<\/p>\n\n\n\n<p><strong>Uninstall<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-uninstall.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"125\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-uninstall.jpg\" alt=\"General Settings - Uninstall\" class=\"wp-image-70865\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-uninstall.jpg 700w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/general-settings-uninstall-300x54.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>If you enable this option, then when you remove the plugin from your WordPress install, then the visibility settings will also be removed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"visibility-controls\">Visibility Controls<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-visibility-controls-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-visibility-controls-1-1024x559.jpg\" alt=\"Visibility Controls tab\" class=\"wp-image-70866\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-visibility-controls-1-1024x559.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-visibility-controls-1-300x164.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-visibility-controls-1-768x419.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-visibility-controls-1.jpg 1413w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>The Visibility Controls are divided into the following sections:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Hide Block<\/li><li>Date &amp; Time<\/li><li>User Role<\/li><li>Screen Size<\/li><li>Query String<\/li><\/ul>\n\n\n\n<p><strong>Hide Block<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-hide-block.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"149\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-hide-block.jpg\" alt=\"Visibility Controls - Hide Block\" class=\"wp-image-70867\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-hide-block.jpg 750w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-hide-block-300x60.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>When this option, you can hide blocks from the front-end of your WordPress site.<\/p>\n\n\n\n<p><strong>Date &amp; Time<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-date-time.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"224\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-date-time.jpg\" alt=\"Visibility Controls - Date and Time\" class=\"wp-image-70869\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-date-time.jpg 750w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-date-time-300x90.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>There are two sliders here, but they really only control the one setting -scheduling the appearance of a block using a date and time.\u00a0<\/p>\n\n\n\n<p><strong>User Role<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-user-role2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"228\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-user-role2.jpg\" alt=\"Visibility Controls - User Role\" class=\"wp-image-70870\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-user-role2.jpg 750w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-user-role2-300x91.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>Allows you to determine the user role that will be able to use the Block Visibility plugin.<\/p>\n\n\n\n<p><strong>Screen Size<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screensize-2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screensize-2-1024x575.jpg\" alt=\"Visibility Controls- Screen Size\" class=\"wp-image-70874\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screensize-2-1024x575.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screensize-2-300x168.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screensize-2-768x431.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screensize-2.jpg 1060w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>The screen size option lets you control if the block will appear depending on the screen size viewing your post.\u00a0This is especially useful in allowing certain elements of your post to appear based on screen size.\u00a0<\/p>\n\n\n\n<p>Images that you know will only be properly viewed on a large screen can then be shown only on a specific device.\u00a0You can even have several images to cover the varying screen types.\u00a0Then using the Block Visibility plugin, you can display a specific image only for a specific screen size.<\/p>\n\n\n\n<p><strong>Breakpoints<\/strong><\/p>\n\n\n\n<p>You can manually control the size (in pixels) of the large and medium size screens. Remember that if the size of the displaying screen is smaller than the indicated size, then it will go down to the next size. When you use Advanced Screen Size Controls, you will see several other screen sizes.<\/p>\n\n\n\n<p><strong>Enable Advanced Screen Size Controls<\/strong><\/p>\n\n\n\n<p>When this option is enabled under the Screen Size settings, then you will see more options for the screen sizes that can be affected.\u00a0You can see the difference in the settings here:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screen-size-controls-enabled.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"953\" height=\"712\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screen-size-controls-enabled.jpg\" alt=\"Visibility Controls- Screen Size - Advanced Screen size controls enabled\" class=\"wp-image-70878\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screen-size-controls-enabled.jpg 953w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screen-size-controls-enabled-300x224.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-screen-size-controls-enabled-768x574.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>You can also see the difference in the editor:<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"283\" class=\"wp-image-70879\" style=\"width: 300px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/screen-size-controls-enabled-2.jpg\" alt=\"Change in controls with advanced screen size enabled\"><br>The final option in the Screen Size setting is <strong>Load Screen Size CSS on the frontend of the website<\/strong>. This option allows you to remove the effects of the plugin unless you manually add the CSS code into your theme.\u00a0You can get the CSS code for the screen size by clicking on the button labeled <strong>Preview Frontend CSS<\/strong>.<\/p>\n\n\n\n<p><strong>Query String<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-query-string.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"152\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-query-string.jpg\" alt=\"Visibility Controls - Query String\" class=\"wp-image-70886\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-query-string.jpg 638w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-query-string-300x71.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>The query option is the final setting in the Visibility Controls and it allows you to set query strings that can affect block visibility. When you enable the option, you would have to go into the editor to actually use it. It is not immediately visible.\u00a0<br><\/p>\n\n\n\n<p>To enable the option you need to go into a post, click on Visibility under the Block settings. Then click on the ellipsis next to the Controls label.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-controls-ellipsis.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"325\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-controls-ellipsis.jpg\" alt=\"Finding the query string option in the editor.  Click on the ellipsis next to CONTROLS.\" class=\"wp-image-70887\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-controls-ellipsis.jpg 285w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-controls-ellipsis-263x300.jpg 263w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>Then you need to click on <strong>Query String<\/strong> to enable it.<\/p>\n\n\n\n<p>Once it\u2019s enabled you\u2019ll be able to select and enter the query strings in the options that appear in the menu:<br><br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-query-string-2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"543\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-query-string-2.jpg\" alt=\"Query string fields in the block editor\" class=\"wp-image-70888\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-query-string-2.jpg 281w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/visibility-query-string-2-155x300.jpg 155w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>The fields for the query strings can only accept one string to work.\u00a0You can use the following accepted formats:<br><br><strong>param=value<\/strong>\u00a0<br>Query parameter with a specific value.<\/p>\n\n\n\n<p><strong>param=*<\/strong><br>Query parameter with a wildcard value.<\/p>\n\n\n\n<p><strong>param<\/strong><br>Query parameter with no value. Operates the same as a wildcard value.<\/p>\n\n\n\n<p>Here\u2019s an example of a query string:\u00a0<strong>https:\/\/example.com\/?query_parameter<\/strong><\/p>\n\n\n\n<p>The query can have a value like this: <strong>https:\/\/example.com\/?query_parameter=1<\/strong><br><\/p>\n\n\n\n<p>You can use the Query String setting to display content based on user input.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-manager\">Block Manager<\/h3>\n\n\n\n<p>The final tab in the Settings for the Block Visibility plugin is basically a list of all the blocks currently on your site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-block-manager-settings.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-block-manager-settings-1024x683.jpg\" alt=\"Block Manager Settings tab\" class=\"wp-image-70889\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-block-manager-settings-1024x683.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-block-manager-settings-300x200.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-block-manager-settings-768x512.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/block-visibility-block-manager-settings.jpg 1413w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>You can select the blocks that you want to be affected by the plugin.\u00a0Simply, check (or uncheck) the block and then click on the <strong>Update<\/strong> button in the top right corner to save your changes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using-the-plugin\">Using the Block Visibility Plugin in a Post<\/h2>\n\n\n\n<p>Now that you understand the different settings, let\u2019s step through the use of the <strong>Block Visibility<\/strong> plugin in a post.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/example-block-visibility-date-set-start.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"622\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/example-block-visibility-date-set-start-1024x622.jpg\" alt=\"Example of using the Block Visibility plugin. \" class=\"wp-image-70890\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/example-block-visibility-date-set-start-1024x622.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/example-block-visibility-date-set-start-300x182.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/example-block-visibility-date-set-start-768x467.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/example-block-visibility-date-set-start.jpg 1442w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Open a post and then click on a block.\u00a0In this case, we will select an image block for this demonstration.<\/li><li>In the <strong>Block<\/strong> settings at right, scroll down and click on <strong>Visibility<\/strong>.<\/li><li>Select an option to use to control your block\u2019s visibility.\u00a0In this example, we are scheduling the block with a date.<\/li><li>Once you have completed adding the block visibility settings, make sure to click on <strong>Save Draft<\/strong>, <strong>Update,<\/strong> or <strong>Publish<\/strong> in order to save your changes.<\/li><\/ol>\n\n\n\n<p>Congratulations! You now know how to use the <strong>Block Visibility<\/strong> plugin for WordPress. This is a great plugin to help display your content for a specific audience or schedule.\u00a0<br><\/p>\n\n\n\n<p>To learn more about WordPress plugins, check out our articles on <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress plugins<\/a>! You can also go to our <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress Educational Channel<\/a> for more guides, tips, and solutions!<br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are times when you may be working with a WordPress post and you have content that you want to have visible at a certain time, on a specific device type, or just for some people.\u00a0This can be done with a useful plugin called Block Visibility. This plugin allows you to control content by block<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4379],"tags":[],"class_list":["post-70857","post","type-post","status-publish","format-standard","hentry","category-plugins"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to use the Block Visibility Plugin for WordPress | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Control how your content appears for different devices, user roles, user input, or a date range! Use the Block Visibility plugin for WordPress!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the Block Visibility Plugin for WordPress\" \/>\n<meta property=\"og:description\" content=\"Use the Block Visibility plugin to hide content in your WordPress posts based on screen size, user roles, and a schedule!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-08T16:59:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-08T16:59:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"How to use the Block Visibility Plugin for WordPress\",\"datePublished\":\"2021-04-08T16:59:58+00:00\",\"dateModified\":\"2021-04-08T16:59:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/\"},\"wordCount\":1547,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin-1024x538.png\",\"articleSection\":[\"WordPress Plugins\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/\",\"name\":\"How to use the Block Visibility Plugin for WordPress | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin-1024x538.png\",\"datePublished\":\"2021-04-08T16:59:58+00:00\",\"dateModified\":\"2021-04-08T16:59:59+00:00\",\"description\":\"Control how your content appears for different devices, user roles, user input, or a date range! Use the Block Visibility plugin for WordPress!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin.png\",\"width\":1200,\"height\":630,\"caption\":\"Block Visibility Plugin for WordPress - title image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use the Block Visibility Plugin for WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use the Block Visibility Plugin for WordPress | InMotion Hosting","description":"Control how your content appears for different devices, user roles, user input, or a date range! Use the Block Visibility plugin for WordPress!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/","og_locale":"en_US","og_type":"article","og_title":"How to Use the Block Visibility Plugin for WordPress","og_description":"Use the Block Visibility plugin to hide content in your WordPress posts based on screen size, user roles, and a schedule!","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2021-04-08T16:59:58+00:00","article_modified_time":"2021-04-08T16:59:59+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin.png","type":"image\/png"}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"How to use the Block Visibility Plugin for WordPress","datePublished":"2021-04-08T16:59:58+00:00","dateModified":"2021-04-08T16:59:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/"},"wordCount":1547,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin-1024x538.png","articleSection":["WordPress Plugins"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/","name":"How to use the Block Visibility Plugin for WordPress | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin-1024x538.png","datePublished":"2021-04-08T16:59:58+00:00","dateModified":"2021-04-08T16:59:59+00:00","description":"Control how your content appears for different devices, user roles, user input, or a date range! Use the Block Visibility plugin for WordPress!","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/04\/wordpress-block-visibility-plugin.png","width":1200,"height":630,"caption":"Block Visibility Plugin for WordPress - title image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/block-visibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to use the Block Visibility Plugin for WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4379,"name":"WordPress Plugins","slug":"plugins","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/70857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=70857"}],"version-history":[{"count":12,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/70857\/revisions"}],"predecessor-version":[{"id":70948,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/70857\/revisions\/70948"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=70857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=70857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=70857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}