વર્ણન
This plugin allows designers and developers to overlay a Figma-style layout grid on the frontend of their WordPress site to visually test alignment and spacing. It’s useful for responsive design testing and pixel-perfect comparisons to your original designs.
- Enable or disable the grid overlay at any time
- Configure separate values for Mobile, Tablet, Desktop, and Extended screens
- Set number of columns, gutter width, and outer margin
- Lightweight and clean — outputs only what’s needed
સ્ક્રીનશોટ
Settings screen with per-screen options
સ્થાપન
- Upload the plugin folder to
/wp-content/plugins/grid-overlay/ - Activate the plugin through the “Plugins” menu
- Go to Settings Grid Overlay and configure your options
એફએક્યુ (FAQ)
-
Will the grid show for visitors?
-
Yes — the overlay appears on the frontend when enabled. You can disable it anytime from the settings page.
-
Can I restrict the overlay to admin users only?
-
This version shows the grid for everyone if enabled. A future update might include visibility filters.
સમીક્ષાઓ
આ પ્લગઇન માટે કોઈ સમીક્ષાઓ નથી.
ફાળો આપનાર & ડેવલપર્સ
આ ઓપન સોર્સ સોફ્ટવેર છે. નીચેના લોકો એ આ પ્લગિન માટે ફાળો આપ્યો છે.
ફાળો આપનારા
“Grid Overlay – Figma Style Layout Grid for WordPress” ને તમારી ભાષામાં અનુવાદ કરો.
વિકાસમાં રસ ધરાવો છો?
કોડ બ્રાઉઝ કરો, જોવોઅસ્વીએન રેપોઝિટરીમાંથી,અથવા સબ્સ્ક્રાઇબ કરોડેવલપમેન્ટ દ્વારાઆરઅસઅસ.
ચેન્જલૉગ
1.1.0
- Major improvement: Refactored the frontend grid overlay to use real DOM-based columns instead of a repeating background gradient.
- The new DOM-based method improves alignment accuracy by adjusting for scrollbar width differences (using corrected 100vw calculations).
- This change resolves longstanding inconsistencies when aligning layouts against the grid across different browsers and screen sizes.
1.0.0
- Initial release