[WordPress] 外掛分享： Gridly Design Overlay

內容簡介

Gridly Design Overlay 是一款前端網格覆蓋外掛，幫助開發者和網站建置者在 WordPress 網站上檢查響應式佈局的對齊情況，提升設計效率。

【主要功能】
• 設定覆蓋顯示與顏色
• 調整覆蓋不透明度
• 設定桌面、平板及手機的網格容器寬度
• 設定各設備的欄位數量
• 調整各設備的間距與側邊距

外掛標籤

開發者團隊

原文外掛簡介

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.

延伸相關外掛

Query MonitorQuery Monitor 是專為 WordPress 與 WooCommerce 開發者打造...Yoast Test HelperYoast Test Helper 外掛旨在簡化 Yoast SEO 及其附加功能的測...P3 (Plugin Performance Profiler)這個外掛程式可以創建您 WordPress 網站的外掛程式效能概況，...What The FileWhat The File 是一個 WordPress 外掛，在您的工具列中增加了...Stop Emails這個 WordPress 外掛可以停止發送電子郵件。它可以停止由 Wor...UltrapressUltrapress 是一款視覺化腳本外掛，讓開發者與一般使用者無需...WP Secure Maintenance想要將您的網站鎖定進行維護或開發嗎？那麼這就是正確的外掛...What Template在管理列中加入目前頁面的範本名稱。 由於這個外掛揭露了關於...Monkeyman Rewrite Analyzer這是一個了解你的重寫規則（“美麗連結”）的工具。如果你正在...Display Environment TypeWordPress 5.5 引入了一種區分環境類型（開發、備試、正式）...Cron View此外掛在管理面板中添加了一個頁面，您可以在其中查看所有排...Developer一個能幫助 WordPress 開發者進行開發的外掛。 這個外掛將幫...WP Example Content這個外掛可以輕鬆地協助你設計和開發新的及現有佈景主題，加...Debug-Bar-Extender這個外掛為偵錯列(debug-bar)增加了更多功能，主要針對開發者...WP PHP Console PHP Console 讓你可以透過 Google Chrome 擴充元件 PHP Cons...