Title: Gridly Design Overlay Author: Gridly Design Overlay Published: 6 می 2026 Last modified: 20 می 2026 --- جستجوی افزونه‌ها ![](https://s.w.org/plugins/geopattern-icon/gridly-design-overlay.svg) # Gridly Design Overlay توسط [Gridly Design Overlay](https://profiles.wordpress.org/gofwp/) [دانلود](https://downloads.wordpress.org/plugin/gridly-design-overlay.1.0.6.zip) * [جزئیات](https://fa.wordpress.org/plugins/gridly-design-overlay/#description) * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/gridly-design-overlay/#reviews) * [نصب](https://fa.wordpress.org/plugins/gridly-design-overlay/#installation) * [توسعه](https://fa.wordpress.org/plugins/gridly-design-overlay/#developers) [پشتیبانی](https://wordpress.org/support/plugin/gridly-design-overlay/) ## توضیحات Gridly Design Overlay adds a front-end grid overlay that helps developers and site builders check responsive layout alignment while working on WordPress sites. The plugin includes a settings page under Settings where administrators can configure: * Overlay visibility. * Overlay color. * Overlay opacity. * Desktop grid container width. * Desktop, tablet, and mobile columns. * Desktop, tablet, and mobile gaps. * Desktop, tablet, and mobile side spacing. Tablet settings apply from 480px through 1024px. Mobile settings apply up to 479px. ## نصب 1. Upload the plugin files to the `/wp-content/plugins/gridly-design-overlay/` directory, or install the plugin through the WordPress plugins screen. 2. Activate the plugin through the Plugins screen in WordPress. 3. Go to Settings > Gridly Design Overlay to configure the overlay. ## سوالات متداول ### Who is this plugin for? This plugin is intended for developers and site builders who want a simple visual grid overlay while checking responsive layouts. ### Does the overlay affect visitors’ ability to click the page? No. The overlay uses `pointer-events: none`, so it does not block normal page interaction. ### Can I configure different grid values per device size? Yes. The settings page includes separate desktop, tablet, and mobile grid values. ## نقد و بررسی‌ها ![](https://secure.gravatar.com/avatar/21ffa5c6494fdfedfd742cb8f1c16437acba4c0deba39d4e84e02fc1546c38cd? s=60&d=retro&r=g) ### 󠀁[Best grid plugin for WP](https://wordpress.org/support/topic/best-grid-plugin-for-wp/)󠁿 [marijnroeleveld](https://profiles.wordpress.org/marijnroeleveld/) 21 می 2026 This plugin makes it super easy for me to outline every section on my website. This plugin works on every pagebuilder like Elementor, Divi and so on! ![](https://secure.gravatar.com/avatar/1422cd9d88ae24fd704759588fcfca167c6413cba25bbc3b8c3d2e558d1d4644? s=60&d=retro&r=g) ### 󠀁[Simple, practical grid overlay for WordPress layout checks](https://wordpress.org/support/topic/simple-practical-grid-overlay-for-wordpress-layout-checks/)󠁿 [rodyvandekar](https://profiles.wordpress.org/rodyvandekar/) 20 می 2026 It does exactly what I need without getting in the way. Great little developer tool. [ خواندن تمامی 2 نقد و بررسی‌ ](https://wordpress.org/support/plugin/gridly-design-overlay/reviews/) ## توسعه دهندگان و همکاران “Gridly Design Overlay” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند. مشارکت کنندگان * [ Gridly Design Overlay ](https://profiles.wordpress.org/gofwp/) [ترجمه “Gridly Design Overlay” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/gridly-design-overlay) ### علاقه‌ مند به توسعه هستید؟ [Browse the code](https://plugins.trac.wordpress.org/browser/gridly-design-overlay/), check out the [SVN repository](https://plugins.svn.wordpress.org/gridly-design-overlay/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/gridly-design-overlay/) by [RSS](https://plugins.trac.wordpress.org/log/gridly-design-overlay/?limit=100&mode=stop_on_copy&format=rss). ## گزارش تغییرات #### 1.0.6 * Added a front-end admin bar toggle that switches the grid overlay on and off without reloading the page. #### 1.0.4 * Renamed the plugin to Gridly Design Overlay and aligned the slug, text domain, and contributor metadata. #### 1.0.3 * Rebuilt the plugin package for resubmission. #### 1.0.2 * Rebuilt the export with the approved plugin slug and text domain. #### 1.0.1 * Renamed the plugin to avoid restricted plugin directory terms. * Kept the text domain aligned with the plugin slug. #### 1.0.0 * Initial release. ## اطلاعات * نگارش **1.0.6** * Last updated **2 هفته پیش** * نصب‌های فعال **کمتر از 10** * نگارش وردپرس ** 6.0 یا بالاتر ** * Tested up to **6.9.4** * نگارش PHP ** 7.4 یا بالاتر ** * زبان * [English (US)](https://wordpress.org/plugins/gridly-design-overlay/) * Tags * [developer-tools](https://fa.wordpress.org/plugins/tags/developer-tools/)[development](https://fa.wordpress.org/plugins/tags/development/) [grid](https://fa.wordpress.org/plugins/tags/grid/)[layout](https://fa.wordpress.org/plugins/tags/layout/) [responsive](https://fa.wordpress.org/plugins/tags/responsive/) * [نمایش پیشرفته](https://fa.wordpress.org/plugins/gridly-design-overlay/advanced/) ## امتیازها 5 از 5 ستاره. * [ امتیاز 2 5-ستاره ](https://wordpress.org/support/plugin/gridly-design-overlay/reviews/?filter=5) * [ امتیاز 0 4-ستاره ](https://wordpress.org/support/plugin/gridly-design-overlay/reviews/?filter=4) * [ امتیاز 0 3-ستاره ](https://wordpress.org/support/plugin/gridly-design-overlay/reviews/?filter=3) * [ امتیاز 0 2-ستاره ](https://wordpress.org/support/plugin/gridly-design-overlay/reviews/?filter=2) * [ امتیاز 0 1-ستاره ](https://wordpress.org/support/plugin/gridly-design-overlay/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/gridly-design-overlay/reviews/#new-post) [مشاهده همه بررسی‌ها](https://wordpress.org/support/plugin/gridly-design-overlay/reviews/) ## مشارکت کنندگان * [ Gridly Design Overlay ](https://profiles.wordpress.org/gofwp/) ## پشتیبانی چیزی برای گفتن دارید؟ نیاز به کمک دارید؟ [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/gridly-design-overlay/)