Description
SuryaCreates Background Grid Maker adds a “Grid Background” box to the Page editor sidebar. From there you can:
- Toggle the grid overlay on or off for that specific page.
- Choose a grid style: straight lines (squares) or dots.
- Pick any grid color using the native WordPress color picker.
- Set the grid cell size independently for desktop, tablet, and mobile.
- Adjust line/dot thickness and overall opacity.
Your theme’s background color is never touched. The plugin only adds a background-image layer on top of the page — it never sets background-color, so your existing design stays exactly as it is. Only the grid pattern itself is added.
Same design everywhere
Prefer one consistent look across your whole site instead of configuring every page by hand? Turn on “Same settings for every page” under Settings > Grid Backgrounds and design the grid once — it will automatically apply to every page.
Overview screen
Settings > Grid Backgrounds 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.
Who is this for?
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 — without writing custom CSS or touching a page builder.
Screenshots
Installation
- In your WordPress dashboard, go to Plugins > Add New and search for “SuryaCreates Background Grid Maker” — or upload the plugin
.zipfile directly via Plugins > Add New > Upload Plugin. - Activate the plugin through the Plugins menu.
- Edit any Page, find the “Grid Background” box in the right sidebar, enable it, and set your style, color, sizes, and opacity.
- Update or Publish the page to see the grid live.
- Optional: go to Settings > Grid Backgrounds to enable one shared design for every page, or to review the per-page overview table.
FAQ
-
Will this change my page’s background color?
-
No. The plugin only adds a grid pattern as a
background-imagelayer. Your theme’sbackground-colorstill shows through the transparent parts of the grid, exactly as before. -
Can different pages have different grid colors and sizes?
-
Yes — by default every page has its own independent settings. If you’d rather use one design across your whole site, enable “Same settings for every page” on the Settings > Grid Backgrounds screen.
-
Does this work on posts, or only pages?
-
Currently the grid settings box appears on Pages only. Support for Posts and custom post types may be added in a future release.
-
Does this plugin track any data or connect to external services?
-
No. The plugin stores your grid settings locally in your WordPress database (as post meta and options) and does not send any data externally.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“SuryaCreates Background Grid Maker” is open source software. The following people have contributed to this plugin.
Contributors
Translate “SuryaCreates Background Grid Maker” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.7
- Initial public release on WordPress.org.