前言介紹
- 這款 WordPress 外掛「Grid Overlay Figma-Style」是 2025-04-17 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-04-30，距離現在已有 3 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
hchouhan |
外掛標籤
grid | figma | columns | overlay | alignment |
內容簡介
外掛總結:
- 這款外掛可以讓設計師和開發人員在他們的 WordPress 網站前端上覆蓋一個 Figma 風格的版面網格，以視覺方式測試對齊和間距。對於響應式設計測試和與原始設計的完美比較非常有用。
- 隨時啟用或停用網格覆蓋
- 可為移動、平板、桌面和擴展屏幕配置單獨的值
- 設定列數、間距寬度和外邊距
- 輕量且乾淨 - 只會輸出所需的內容
相關問題和答案:
問題：這款外掛有什麼功能？
答案：這款外掛可以讓使用者在其 WordPress 網站前端上覆蓋一個 Figma 風格的版面網格，以測試對齊和間距。
問題：使用者可以在何時啟用或停用網格覆蓋？
答案：使用者可以隨時啟用或停用網格覆蓋。
問題：這款外掛可以為哪些屏幕配置單獨的值？
答案：使用者可以為移動、平板、桌面和擴展屏幕配置單獨的值。
問題：使用者可以在設定中指定什麼？
答案：使用者可以設定列數、間距寬度和外邊距。
問題：這款外掛的特點是什麼？
答案：這款外掛是輕量且乾淨的，只會輸出所需的內容。
原文外掛簡介
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
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Grid Overlay Figma-Style」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Shadowbox JS 》Shadowbox 是一款支援網路上所有最流行的媒體發佈格式的線上媒體觀看應用程式。Shadowbox 基於 JavaScript 和 CSS 撰寫，且高度可自訂。透過使用 Shadowbox，...。
Simplelightbox 》這個 simplelightbox WordPress 外掛將 simplelightbox jQuery 外掛帶到 WordPress 網站上。, 您可以在管理面板的 Design -> Simplelightbox 中更改燈箱的...。
CTC Masonry Gallery 🎨 》這個外掛讓你使用 Gutenberg 區塊來建立磚石圖片畫廊，並能夠於彈出式視窗中觀看圖片。。
Cookielay 》Cookielay：輕鬆管理 cookies 的方式, 使用 Cookielay，您可以符合隱私政策的方式輕鬆管理您網站的 cookies。將 cookies 加入、分配給群組，並定義允許或封鎖...。
Page Takeover 》在全屏彈窗中推廣您的內容！, Page Takeover 可讓您在不需要任何 HTML 或 CSS 的情況下，在您的博客或網站上創建一個令人驚嘆的全屏彈窗。, 只需安裝插件，選...。
Easy Popup Announcement 》Easy Popup Announcement能幫助你在WordPress網站上顯示彈出窗口/懸浮層/彈出覆蓋。它易於使用且直觀。 popup內容可在內容編輯器中管理，您可以添加文字、圖...。
DC – Full Screen Responsive Menu 》我們高度可定制的外掛程式使您能夠建立全螢幕響應式選單，提供多種可能的效果。這個選單會疊在所有內容上，默認情況下這使它非常時尚（這是現在網頁設計中最...。
Video Lightbox WooCommerce 》這個外掛可以讓你使用 Video Lightbox 特效來彈出 WooCommerce 產品縮略圖。您只需啟用此外掛，它就會自動覆蓋 WooCommerce 的燈箱選項，改為使用 Video Ligh...。
Overlay4WP 》功能：, 1. 除了 jQuery 庫之外，只需要加載一些小的 JS 文件和一些少量的 CSS 文件。, 2. 插件在頁面上生成的輸出代碼符合 W3C 的 XHTML 1.1 和 CSS 3 標準...。
Notification Widget 》Notification Widget 提供您在網站、部落格等位置插入和完整自定一個疊層小工具的功能。, 您可以在後台輕鬆更改整個疊層的所有設定。, 以下為您可以更改的設...。
New posts popup 》此外掛會顯示一個位於畫面上方的彈跳視窗（CSS圖層），顯示您上次訪問後的新文章和留言。使用cookie管理。, 更新資訊, 已修正與WordPress 2.3的相容性問題，...。
Ez Overlay 》此外掛是 jQuery 基礎燈箱系統的替代方案。它使用純 Javascript 開發，不依賴其他任何庫。作者在與 Buddypress 和 WordPress 中的 jQuery 衝突奮鬥了幾週後創...。
WP Hashgrid 》此外掛使用 hashgrid.js 腳本來覆蓋一個可以自訂 CSS 格線的網格。, 鳴謝, hashgrid.js 腳本由 Analog 創造，根據 Apache 2.0 許可條款授權。請至 https://gi...。
My FastAPP Photo Editor 》這個外掛可以幫助你自動創建 My FastAPP 的照片編輯功能配置文件。, 簡單又容易使用, 你只需要從 WordPress 媒體庫中選擇圖像，點擊按鈕獲得文件URL, 然後將...。