{"id":303375,"date":"2026-05-06T13:05:38","date_gmt":"2026-05-06T13:05:38","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/grid-overlay-for-wp\/"},"modified":"2026-05-06T13:05:13","modified_gmt":"2026-05-06T13:05:13","slug":"gridly-design-overlay","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/gridly-design-overlay\/","author":23485772,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.4","stable_tag":"1.0.4","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Gridly Design Overlay","header_author":"Rody van de Kar","header_description":"Adds a responsive grid overlay to help check WordPress layouts during development.","assets_banners_color":"","last_updated":"2026-05-06 13:05:13","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":18,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.4":{"tag":"1.0.4","author":"gofwp","date":"2026-05-06 13:05:13"}},"upgrade_notice":[],"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.4"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[4932,734,6040,4036,606],"plugin_category":[],"plugin_contributors":[262024],"plugin_business_model":[],"class_list":["post-303375","plugin","type-plugin","status-publish","hentry","plugin_tags-developer-tools","plugin_tags-development","plugin_tags-grid","plugin_tags-layout","plugin_tags-responsive","plugin_contributors-gofwp","plugin_committers-gofwp"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/gridly-design-overlay.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Gridly Design Overlay adds a front-end grid overlay that helps developers and site builders check responsive layout alignment while working on WordPress sites.<\/p>\n\n<p>The plugin includes a settings page under Settings where administrators can configure:<\/p>\n\n<ul>\n<li>Overlay visibility.<\/li>\n<li>Overlay color.<\/li>\n<li>Overlay opacity.<\/li>\n<li>Desktop grid container width.<\/li>\n<li>Desktop, tablet, and mobile columns.<\/li>\n<li>Desktop, tablet, and mobile gaps.<\/li>\n<li>Desktop, tablet, and mobile side spacing.<\/li>\n<\/ul>\n\n<p>Tablet settings apply from 480px through 1024px. Mobile settings apply up to 479px.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/gridly-design-overlay\/<\/code> directory, or install the plugin through the WordPress plugins screen.<\/li>\n<li>Activate the plugin through the Plugins screen in WordPress.<\/li>\n<li>Go to Settings &gt; Gridly Design Overlay to configure the overlay.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"who%20is%20this%20plugin%20for%3F\"><h3>Who is this plugin for?<\/h3><\/dt>\n<dd><p>This plugin is intended for developers and site builders who want a simple visual grid overlay while checking responsive layouts.<\/p><\/dd>\n<dt id=\"does%20the%20overlay%20affect%20visitors%27%20ability%20to%20click%20the%20page%3F\"><h3>Does the overlay affect visitors' ability to click the page?<\/h3><\/dt>\n<dd><p>No. The overlay uses <code>pointer-events: none<\/code>, so it does not block normal page interaction.<\/p><\/dd>\n<dt id=\"can%20i%20configure%20different%20grid%20values%20per%20device%20size%3F\"><h3>Can I configure different grid values per device size?<\/h3><\/dt>\n<dd><p>Yes. The settings page includes separate desktop, tablet, and mobile grid values.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Renamed the plugin to Gridly Design Overlay and aligned the slug, text domain, and contributor metadata.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Rebuilt the plugin package for resubmission.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Rebuilt the export with the approved plugin slug and text domain.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Renamed the plugin to avoid restricted plugin directory terms.<\/li>\n<li>Kept the text domain aligned with the plugin slug.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Adds a responsive grid overlay to help check WordPress layouts during development.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/303375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=303375"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/gofwp"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=303375"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=303375"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=303375"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=303375"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=303375"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=303375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}