內容簡介
**總結:**
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.
