{"id":339268,"date":"2026-07-18T14:30:48","date_gmt":"2026-07-18T14:30:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/grid-background-by-surya\/"},"modified":"2026-07-18T14:30:15","modified_gmt":"2026-07-18T14:30:15","slug":"suryacreates-background-grid-maker","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/suryacreates-background-grid-maker\/","author":23524747,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.7","stable_tag":"1.1.7","tested":"7.0.2","requires":"5.5","requires_php":"7.4","requires_plugins":null,"header_name":"SuryaCreates Background Grid Maker","header_author":"Suryagopal Dhara","header_description":"Add a customizable grid-line or dotted background overlay to specific WordPress pages, without changing the page's actual background color. Configure per page, or apply one shared design to every page at once.","assets_banners_color":"ffffff","last_updated":"2026-07-18 14:30:15","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/suryacreates.com\/wp-plugin\/grid-background\/","header_author_uri":"https:\/\/suryacreates.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":61,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.7":{"tag":"1.1.7","author":"suryagopaldhara","date":"2026-07-18 14:30:15"}},"upgrade_notice":{"1.1.7":"<p>Initial public release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3612737,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3612724,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3612724,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.7"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3612724,"resolution":"1","location":"assets","locale":"","width":1905,"height":911},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3612724,"resolution":"2","location":"assets","locale":"","width":1917,"height":917}},"screenshots":{"1":"The \"Grid Background\" settings box in the Page editor sidebar.","2":"The Settings &gt; Grid Backgrounds screen, showing the shared-design form and per-page overview table."}},"plugin_section":[],"plugin_tags":[2767,4072,24585,6040,21450],"plugin_category":[],"plugin_contributors":[272205],"plugin_business_model":[],"class_list":["post-339268","plugin","type-plugin","status-publish","hentry","plugin_tags-background","plugin_tags-design","plugin_tags-dots","plugin_tags-grid","plugin_tags-page-background","plugin_contributors-suryagopaldhara","plugin_committers-suryagopaldhara"],"banners":{"banner":"https:\/\/ps.w.org\/suryacreates-background-grid-maker\/assets\/banner-772x250.png?rev=3612724","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/suryacreates-background-grid-maker\/assets\/icon-128x128.gif?rev=3612737","icon_2x":"https:\/\/ps.w.org\/suryacreates-background-grid-maker\/assets\/icon-256x256.png?rev=3612724","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/suryacreates-background-grid-maker\/assets\/screenshot-1.png?rev=3612724","caption":"The \"Grid Background\" settings box in the Page editor sidebar."},{"src":"https:\/\/ps.w.org\/suryacreates-background-grid-maker\/assets\/screenshot-2.png?rev=3612724","caption":"The Settings &gt; Grid Backgrounds screen, showing the shared-design form and per-page overview table."}],"raw_content":"<!--section=description-->\n<p>SuryaCreates Background Grid Maker adds a \"Grid Background\" box to the Page editor sidebar. From there you can:<\/p>\n\n<ul>\n<li>Toggle the grid overlay on or off for that specific page.<\/li>\n<li>Choose a grid style: straight lines (squares) or dots.<\/li>\n<li>Pick any grid color using the native WordPress color picker.<\/li>\n<li>Set the grid cell size independently for desktop, tablet, and mobile.<\/li>\n<li>Adjust line\/dot thickness and overall opacity.<\/li>\n<\/ul>\n\n<p><strong>Your theme's background color is never touched.<\/strong> The plugin only adds a <code>background-image<\/code> layer on top of the page \u2014 it never sets <code>background-color<\/code>, so your existing design stays exactly as it is. Only the grid pattern itself is added.<\/p>\n\n<h4>Same design everywhere<\/h4>\n\n<p>Prefer one consistent look across your whole site instead of configuring every page by hand? Turn on <strong>\"Same settings for every page\"<\/strong> under <em>Settings &gt; Grid Backgrounds<\/em> and design the grid once \u2014 it will automatically apply to every page.<\/p>\n\n<h4>Overview screen<\/h4>\n\n<p><em>Settings &gt; Grid Backgrounds<\/em> also includes a read-only table listing every page on your site along with its current grid configuration and a quick edit link, so you can see your whole site's setup at a glance.<\/p>\n\n<h4>Who is this for?<\/h4>\n\n<p>Designers and developers who want a quick, no-code way to add a decorative grid or dot-matrix background to landing pages, portfolios, or design-focused sites \u2014 without writing custom CSS or touching a page builder.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>In your WordPress dashboard, go to <strong>Plugins &gt; Add New<\/strong> and search for \"SuryaCreates Background Grid Maker\" \u2014 or upload the plugin <code>.zip<\/code> file directly via <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu.<\/li>\n<li>Edit any Page, find the <strong>\"Grid Background\"<\/strong> box in the right sidebar, enable it, and set your style, color, sizes, and opacity.<\/li>\n<li>Update or Publish the page to see the grid live.<\/li>\n<li>Optional: go to <strong>Settings &gt; Grid Backgrounds<\/strong> to enable one shared design for every page, or to review the per-page overview table.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"will%20this%20change%20my%20page%27s%20background%20color%3F\"><h3>Will this change my page's background color?<\/h3><\/dt>\n<dd><p>No. The plugin only adds a grid pattern as a <code>background-image<\/code> layer. Your theme's <code>background-color<\/code> still shows through the transparent parts of the grid, exactly as before.<\/p><\/dd>\n<dt id=\"can%20different%20pages%20have%20different%20grid%20colors%20and%20sizes%3F\"><h3>Can different pages have different grid colors and sizes?<\/h3><\/dt>\n<dd><p>Yes \u2014 by default every page has its own independent settings. If you'd rather use one design across your whole site, enable <strong>\"Same settings for every page\"<\/strong> on the <em>Settings &gt; Grid Backgrounds<\/em> screen.<\/p><\/dd>\n<dt id=\"does%20this%20work%20on%20posts%2C%20or%20only%20pages%3F\"><h3>Does this work on posts, or only pages?<\/h3><\/dt>\n<dd><p>Currently the grid settings box appears on Pages only. Support for Posts and custom post types may be added in a future release.<\/p><\/dd>\n<dt id=\"does%20this%20plugin%20track%20any%20data%20or%20connect%20to%20external%20services%3F\"><h3>Does this plugin track any data or connect to external services?<\/h3><\/dt>\n<dd><p>No. The plugin stores your grid settings locally in your WordPress database (as post meta and options) and does not send any data externally.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.7<\/h4>\n\n<ul>\n<li>Initial public release on WordPress.org.<\/li>\n<\/ul>","raw_excerpt":"Add a customizable grid-line or dotted background overlay to specific pages, without changing the page&#039;s actual background color.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/339268","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=339268"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/suryagopaldhara"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=339268"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=339268"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=339268"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=339268"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=339268"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=339268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}