{"id":253289,"date":"2025-09-29T14:56:59","date_gmt":"2025-09-29T14:56:59","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/block-visibility-scope\/"},"modified":"2025-09-29T14:56:43","modified_gmt":"2025-09-29T14:56:43","slug":"block-visibility-scope","status":"publish","type":"plugin","link":"https:\/\/el.wordpress.org\/plugins\/block-visibility-scope\/","author":17023860,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.1","stable_tag":"1.0.1","tested":"6.8.5","requires":"6.3","requires_php":"7.4","requires_plugins":null,"header_name":"Block Visibility Scope","header_author":"Ravi Gadhiya","header_description":"Easily manage block visibility across different screen sizes in the WordPress block editor.","assets_banners_color":"484f55","last_updated":"2025-09-29 14:56:43","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/buymeacoffee.com\/ravigadhiya","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/block-visibility-scope\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":236,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"ravigadhiyawp","date":"2025-09-29 14:56:43"}},"upgrade_notice":{"1.0.0":"

First release of Block Visibility Scope. Adds full responsive visibility control to all blocks.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":3374423,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":3374423,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3374423,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3374423,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3374423,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3374423,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Visibility controls in block inspector<\/strong> \u2013 Toggle options for each screen size.","2":"Highlighted editor preview<\/strong> \u2013 Blocks with visibility rules appear highlighted in the editor."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[148857,148076,180842,606,6309],"plugin_category":[],"plugin_contributors":[170035],"plugin_business_model":[],"class_list":["post-253289","plugin","type-plugin","status-publish","hentry","plugin_tags-block-editor","plugin_tags-gutenberg","plugin_tags-hide-block","plugin_tags-responsive","plugin_tags-visibility","plugin_contributors-ravigadhiyawp","plugin_committers-ravigadhiyawp"],"banners":{"banner":"https:\/\/ps.w.org\/block-visibility-scope\/assets\/banner-772x250.jpg?rev=3374423","banner_2x":"https:\/\/ps.w.org\/block-visibility-scope\/assets\/banner-1544x500.jpg?rev=3374423","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/block-visibility-scope\/assets\/icon-128x128.jpg?rev=3374423","icon_2x":"https:\/\/ps.w.org\/block-visibility-scope\/assets\/icon-256x256.jpg?rev=3374423","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/block-visibility-scope\/assets\/screenshot-1.jpg?rev=3374423","caption":"Visibility controls in block inspector<\/strong> \u2013 Toggle options for each screen size."},{"src":"https:\/\/ps.w.org\/block-visibility-scope\/assets\/screenshot-2.jpg?rev=3374423","caption":"Highlighted editor preview<\/strong> \u2013 Blocks with visibility rules appear highlighted in the editor."}],"raw_content":"\n

Block Visibility Scope gives you full responsive control over any WordPress block<\/strong>.\nYou can decide where each block should be visible: small phones, tablets, laptops, desktops, or wide screens.<\/p>\n\n

How to use this plugin:<\/strong>\n1. Edit any page\/post with the Gutenberg block editor.\n2. Select a block, then in the right-hand Block Inspector<\/strong>, locate the Visibility Control<\/strong> panel.\n3. Toggle the switches to choose where the block should be hidden or visible across different screen sizes.<\/p>\n\n

Features:<\/strong>\n* Hide or show blocks based on screen size:\n - Extra Small (<576px \u2013 small phones)
\n - Small (576\u2013767px \u2013 large phones)
\n - Medium (768\u2013991px \u2013 tablets)
\n - Large (992\u20131199px \u2013 laptops)
\n - Extra Large (1200\u20131399px \u2013 desktops)
\n - XXL (\u22651400px \u2013 wide screens)
\n* Works with all WordPress blocks<\/strong>.
\n* Live preview: blocks with visibility rules are highlighted in the editor for easy identification.
\n* Lightweight \u2013 minimal code, no heavy dependencies.\n* 100% compatible with the WordPress block editor (Gutenberg)<\/strong>.<\/p>\n\n

This is the simplest way to add responsive block visibility in WordPress without writing a single line of code.\n

Get Involved<\/h3>\nThe plugin is developed openly on GitHub\u2014follow the project, contribute, or give it a \u2b50 to show your support!\n* View on GitHub<\/a><\/p>\n\n\n

Installation from within WordPress<\/h4>\n\n
    \n
  1. Visit Plugins > Add New<\/strong>.<\/li>\n
  2. Search for Block Visibility Scope<\/strong>.<\/li>\n
  3. Install and activate the Block Visibility Scope<\/strong> plugin.<\/li>\n<\/ol>\n\n

    Manual installation<\/h4>\n\n
      \n
    1. Upload the entire block-visibility-scope<\/code> folder to the \/wp-content\/plugins\/<\/code> directory.<\/li>\n
    2. Visit Plugins<\/strong>.<\/li>\n
    3. Activate the Block Visibility Scope<\/strong> plugin.<\/li>\n<\/ol>\n\n

      After activation<\/h4>\n\n
        \n
      1. Edit any page\/post with the block editor (Gutenberg).<\/li>\n
      2. Select a block \u2192 open the right-hand Block Inspector<\/strong> \u2192 find the Visibility Control<\/strong> panel.<\/li>\n
      3. Use the toggle switches to hide\/show the block on different screen sizes.<\/li>\n<\/ol>\n\n\n
        \n

        Where can I find the visibility toggles in the editor?<\/h3><\/dt>\n

        Once the plugin is activated, open the block editor (Gutenberg). Select any block, and in the right-hand sidebar under \"Block Settings,\" you will find a new panel named \"Visibility Control.\" This panel includes toggle switches to hide the selected block on specific screen sizes.<\/p><\/dd>\n

        Does this work with all blocks?<\/h3><\/dt>\n

        Yes. The plugin adds visibility options to every block available in the WordPress block editor.<\/p><\/dd>\n

        Does this plugin provide any new block?<\/h3><\/dt>\n

        No. It does not add new blocks. Instead, it extends all existing blocks<\/strong> with visibility controls.<\/p><\/dd>\n

        Will it slow down my website?<\/h3><\/dt>\n

        No. The plugin is lightweight and only adds minimal CSS classes to blocks.<\/p><\/dd>\n

        Can I use it with page builders?<\/h3><\/dt>\n

        This plugin is designed for the WordPress block editor (Gutenberg)<\/strong>. It will not work with other page builders.<\/p><\/dd>\n\n<\/dl>\n\n\n

        1.0.1<\/h4>\n\n
          \n
        • Applied review feedback from Plugin Review Team.<\/li>\n<\/ul>\n\n

          1.0.0<\/h4>\n\n
            \n
          • Initial release. <\/li>\n
          • Add responsive visibility toggles (XS, SM, MD, LG, XL, XXL). <\/li>\n
          • Highlights the editor hidden blocks. <\/li>\n
          • Apply frontend classes for visibility control.<\/li>\n<\/ul>","raw_excerpt":"Provide responsive visibility control to all WordPress blocks. Easily hide or show blocks on specific screen sizes (Extra Small to XXL).","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/253289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=253289"}],"author":[{"embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ravigadhiyawp"}],"wp:attachment":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=253289"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=253289"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=253289"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=253289"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=253289"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=253289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}