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.

使用者評論

2026 年 5 月 21 日
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!
閱讀全部 2 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Gridly Design Overlay〉的開發相關工作。

參與者

將〈Gridly Design Overlay〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 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.