[WordPress] 外掛分享： Shader Grid

內容目錄

1 前言介紹
2 外掛協作開發者
3 外掛標籤
4 內容簡介
5 原文外掛簡介
6 各版本下載點
7 延伸相關外掛（你可能也想知道）

前言介紹

這款 WordPress 外掛「Shader Grid」是 2026-02-12 上架。
目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
上一次更新是 2026-02-13，距離現在已有 12 天。
外掛最低要求 WordPress 6.0 以上版本才可以安裝。
外掛要求網站主機運作至少需要 PHP 版本 8.0 以上。
尚未有人給過這款外掛評分。
還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

futurewebdesign |

外掛標籤

內容簡介

**總結:**

Shader Grid 是一個使用 Three.js 和 WebGL 着色器技术打造的無限圖像網格，具有流暢的拖曳互動功能、後處理效果，以及可選的燈箱支援。它完全響應式、觸控友好，設計用於在所有主要瀏覽器和裝置上運行。

**問題與答案:**

1. 這個外掛的主要特點有哪些？
- 可回應的佈局，無論使用哪種設備或屏幕尺寸，都是完全響應式且可適應的。
- 為 iOS、Android 和桌面瀏覽器優化，能夠提供無縫的使用體驗。
- 懶加載/滾動，僅在頁面可見時初始化，以節省資源。
- 拖曳無限向所有方向無縫包裹。

2. 如何使用此外掛？
- 啟用後，在WordPress管理區域中打開外掛設置並創建一個新的網格預設。然後在任何帖子或頁面中使用下面的簡碼。
- 基本示例：[fwdsg preset_name="Grid preset 1" gallery_name="test"]

3. 這個外掛適用於哪些情況？
- 無限圖像網格適用於英雄區域
- 作品集和畫廊展示
- 互動式媒體牆
- 產品或品牌敘述區域
- 沉浸式登錄頁面

4. 這個外掛的開發相關信息是什麼？
- 這個外掛的完整源代碼公開可用，以確保透明度和驗證。
- 由 FutureWebDesign 開發和維護。包括原始未編譯文件和 Vite 構建配置。

希望這些問題與答案能幫助你更好地了解這款外掛及其功能。

原文外掛簡介

Shader Grid is a Three.js and WebGL shader powered infinite image grid with smooth drag interaction, post‑processing effects, and optional lightbox support. It’s fully responsive, touch‑friendly, and designed to run across all major browsers and devices.
Highlights
Three.js + WebGL Shaders – Next‑gen GLSL grid with rich visual effects and GPU performance.
Easy To Configure And Install – Includes detailed documentation, demo pages, updates, and direct support from the developer – Tibi @ FWD.
Main Features

Responsive Layout – Fully responsive and adaptable regardless of which device or screen size is used.
Desktop & Mobile Optimized – Optimized for iOS, Android, and desktop browsers.
Lazy Scrolling/Loading – Initialize only when visible in the page to save resources.
Infinite Drag – Drag infinitely in all directions with seamless wrapping.
Paralax – Optional vertical parallax.
Customizable Size – Adjust image size and spacing as needed.
Caption – Optional captions styled via CSS.
Dynamic Image Black & White – Adjustable black and white falloff from the center.
Hover Scale – Smooth hover scale with custom size.
Scroll Speed Strength – Fine‑tune drag speed and feel.
Wave Post‑Processing – Adjustable wave frequency, amplitude, and RGB shift.
Glitch Post‑Processing – Optional glitch effect.
Bulge Post‑Processing – Bulge effect with RGB distortion controls.
Ripple Post‑Processing – Ripple effect with strength and size controls.
Customizable Mouse Distortion – Flowmap‑based distortion with optional RGB shift.
Lightbox Video/Audio – Supports mp3, mp4, YouTube, Vimeo, HLS, DASH, Google Drive, Dropbox, and more.
Video Autoplay – Optional autoplay inside the lightbox.
Private Video & Audio – Password‑protected media support, example.
Chromecast Support – Cast compatible streams to TV.
Video Thumbnails Live Preview – VTT or auto‑generated thumbnails in the lightbox.
Video Subtitle Support – Subtitle support inside the lightbox.
Automatic Content Detection – Revolution Lightbox detects media type automatically.
Slideshow Support – Autoplay for grid items and lightbox.
Drag & Swipe Support – Touch and drag navigation.
Maximize & Minimize For Images – Double‑click/tap zoom and maximize controls.
Share Button And Share Window – Built‑in share window with multiple platforms.
Detailed Documentation – JavaScript documentation and WordPress documentation included.

Configuration
After activation, open the plugin settings in the WordPress admin area and create a new grid preset. Then use the shortcode below in any post or page.
Use Cases

Infinite image grids for hero sections
Portfolio and gallery showcases
Interactive media walls
Product or brand storytelling sections
Immersive landing pages

Links

Homepage & Docs
Demos
JavaScript Documentation
WordPress Documentation
Support
Revolution Lightbox

Shortcode
Basic example:
[fwdsg preset_name=”Grid preset 1″ gallery_name=”test”]
Development
This plugin’s full source code is publicly available for transparency and verification.
Developed and maintained by FutureWebDesign.

Source code & build tools — includes original uncompiled files and Vite build configuration.
Distributed plugin uses a compiled build generated by Vite for optimal performance.

各版本下載點

方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Shader Grid」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0 | trunk |

延伸相關外掛（你可能也想知道）

Photo Gallery, Sliders, Proofing and Themes – NextGEN Gallery 》WordPress圖庫插件, 自2007年以來，NextGEN Gallery已成為行業標準的WordPress圖庫插件，每年繼續接收超過150萬的新下載量。它很容易管理簡單的照片圖庫，但...。
Photo Gallery by 10Web – Mobile-Friendly Image Gallery 》委員會翻譯如下：, , Photo Gallery 是建立美麗的行動裝置友好型相簿所需的領導外掛程式，只需幾分鐘即可完成。, 有用的連結：, 現場示範, 10Web 的高級 Phot...。
Modula Image Gallery – Photo Grid & Video Gallery 》Modula 讓您可以更輕鬆地在 WordPress 儀表板上幾點擊內建華麗的輕箱式相片庫、馬賽克網格、自訂網格等功能。, Modula 是最好的 WordPress 相片庫外掛，可將...。
Envira Gallery – Image Photo Gallery, Albums, Video Gallery, Slideshows & More 》相片集外掛, , 有用連結：, , 相片集範例, 相片集文件, 相片集支援, , 我們認為你不應該必須聘請開發人員來建立 WordPress 相片集。這就是為什麼我們建立了 E...。
Visual Portfolio, Photo Gallery & Post Grid 》WordPress 的圖庫和作品集外掛, ★★★★★, 作品集網站是當今最受歡迎的網站之一。我們創建了Visual Portfolio，Photo Gallery和Post Grid WordPress外掛程式，這...。
Robo Gallery – Photo & Image Slider 》適應性相容、內容保護、一鍵設置，以及多種類型的展示方式，這款外掛提供了多種功能和設計選擇，讓喜愛圖片的使用者能夠創建符合自己風格的畫廊。它不僅易於...。
Photo Gallery – GT3 Image Gallery & Gutenberg Block Gallery 》為什麼要選 GT3 Photo & Video Gallery?, GT3 Photo Gallery 完全兼容 Gutenberg 編輯器並具有自訂 Gutenberg blocks。這是完全免費的 WordPress 照片庫...。
Gmedia Photo Gallery 》Gmedia 照片庫, 使用 Gmedia Gallery 外掛，您可以在您的網站上管理檔案、顯示圖片庫和照片幻燈片，播放音樂。Gmedia Gallery 外掛提供全面的介面來處理圖庫...。
Mosaic Gallery – Advanced Gallery 》總結:, Mosaic Gallery 是一個先進的 WordPress 外掛，旨在幫助您輕鬆創建令人驚艷和動態的圖庫。無論您是攝影師、藝術家還是企業主，此外掛為展示您的圖像提...。
WP Easy Gallery – WordPress Gallery Plugin 》WP Easy Gallery 是一個 WordPress 序列化外掛程式，讓你輕鬆在 WordPress 中建立無限數量的圖片庫。這個外掛程式可以讓你創建美麗的圖片庫，而不像其他外掛...。
Photo Gallery by Ays – Responsive Image Gallery 》WordPress相片畫廊外掛, , WordPress相片畫廊價格, 相片畫廊免費試用版, 相片畫廊專業版試用版, 相片畫廊使用手冊, , , 我們的WordPress相片畫廊是一款流暢響...。
Skyboot Portfolio Gallery for Elementor 》Skyboot Elementor 圖片庫外掛是一個用於 Elementor 網頁編輯器的作品集圖片庫，可過濾顯示的圖片庫、Elementor過濾圖片庫、Elementor磁貼圖片庫、Elementor...。
Gallery – Image and Video Gallery with Thumbnails 》Responsive Image and Video Gallery 外掛是任何網站都非常重要的工具，大多數使用者都在其網站上擁有相片畫廊。我們的外掛可讓您以令人驚豔的視覺效果和動畫...。
FooGallery Migrate 》您是否感到厭倦了其他的相片庫外掛程式？, 您是否正在尋找不同的相片庫外掛程式來試試看？, 您是否正在尋找功能最齊全且擁有最多免費功能的相片庫外掛程式？,...。
Re Gallery – Responsive Image & Photo Gallery 》<html>, <body>, , <h3>ReGallery WordPress 外掛總結:</h3>, <p>ReGallery 是一個讓你的網站變成引人入勝視覺旅程的照片畫廊...。

文章

文章