內容簡介
Bento Grid Gallery 是一款輕量級且響應式的 WordPress 佈局外掛，專為區塊編輯器設計。它能夠輕鬆創建現代化的圖像組合，並提供全螢幕燈箱效果，無需依賴外部頁面建構器，讓使用者能夠快速建立視覺吸引的圖庫。
【主要功能】
• 現代化的 Bento 風格圖像組合
• 原生 WordPress 區塊編輯器整合
• 動態 ACF 圖庫來源支援
• 響應式佈局適用於各種裝置
• 全螢幕燈箱功能，含導航與縮圖
• 伺服器端渲染，提升效能
外掛標籤
開發者團隊
原文外掛簡介
Bento Grid Gallery is a lightweight, responsive gallery block for the WordPress block editor.
Create modern Bento-style image compositions with a prominent main image, secondary images, an additional-photo counter and a full-screen lightbox — without relying on an external page builder.
The block can use images selected manually from the WordPress Media Library or load them dynamically from an ACF Gallery field attached to the current post. Manual images can also be used as an optional fallback when the ACF field is empty.
✨ Why Bento Grid Gallery?
Bento Grid Gallery is designed to keep image galleries simple, visual and fast.
Modern Bento-style composition
Native WordPress block editor integration
No external gallery framework required
Dynamic ACF Gallery source
Responsive layouts for desktop, tablet and mobile
Full-screen lightbox with navigation and thumbnails
Server-side rendering
DB Solution HUB integration
🧩 WordPress Native
Built to work naturally with WordPress and Gutenberg.
The plugin uses native WordPress APIs, the Media Library and block registration through block.json.
Editor-specific presentation is loaded through the block editor stylesheet, making the block compatible with the iframe-based post editor architecture used by WordPress 7.1.
🖼️ Flexible Image Sources
Choose how each gallery gets its images:
Manual selection from the WordPress Media Library
Dynamic ACF Gallery field
Configurable ACF field name
Automatic current-post context
Support for common ACF Gallery return formats based on attachment IDs or image arrays
Optional manual-gallery fallback when the ACF field is empty
🚀 Performance First
Bento Grid Gallery keeps the frontend lightweight.
Optimized WordPress image sizes
No unnecessary frontend framework
Dynamic server-side block rendering
Lightbox assets loaded only where required
Responsive output designed for modern devices
📱 Responsive by Design
The gallery automatically adapts to different screen sizes.
You can configure desktop height and column count while the frontend layout adjusts for tablet and mobile devices.
🔍 Integrated Lightbox
Visitors can open images in a full-screen viewer with:
Previous / next navigation
Thumbnail navigation
Image counter
Keyboard-friendly controls
Responsive presentation
🛠️ Support & Development
Need help, report an issue or have an idea for Bento Grid Gallery?
🌐 davide.baraldi.name
Bento Grid Gallery is created and maintained by Davide Baraldi as part of the DB Solution suite.
