Leadwhite Mosaic Gallery for Elementor
| 开发者 | garaiburu |
|---|---|
| 更新时间 | 2026年5月26日 23:50 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPL-2.0-or-later |
| 版权网址: | 版权信息 |
详情介绍:
Leadwhite Mosaic Gallery for Elementor adds a Tiled Gallery widget to Elementor that produces a varied mosaic layout driven by image aspect ratios — similar to Jetpack's Tiled Mosaic gallery but built natively for Elementor with full style controls.
How it works
Images are grouped into rows automatically based on their aspect ratios. Each row uses the best available shape from a library of eight layout patterns (adapted from Jetpack's open-source grouper):
- Symmetric Row — portrait, two stacked landscapes, portrait
- One Three — portrait + three stacked landscapes
- Three One — three stacked landscapes + portrait
- One Two — single + stack of two
- Two One — stack of two + single
- Four — four singles
- Three — three singles
- Panoramic — single wide image fills the row
- Tiled mosaic layout with 8 shape types
- Hover overlay with background colour, fade or slide-up animation
- Title and description pulled from attachment metadata (title, caption, alt, description)
- Independent typography controls for title and description
- Image border, border radius, and CSS filters (Normal and Hover states)
- Zoom In hover animation on images
- Responsive — stacks to single column below a configurable breakpoint
- Elementor lightbox integration
- Assets load only on pages where the widget is used
安装:
- Upload the
Leadwhite-Mosaic-Gallery-for-Elementorfolder to/wp-content/plugins/ - Activate the plugin through the Plugins menu in WordPress
- The Tiled Gallery widget will appear in the Elementor widget panel under General
常见问题:
Does this require Jetpack?
No. The layout algorithm is an independent port of Jetpack's open-source grouper logic. Jetpack is not required.
Does this require Elementor?
Yes. The widget uses Elementor controls for typography styling. Elementor must be active.
Does this require Elementor Pro?
No. The widget has been tested and works with Elementor Free.
Where does the overlay text come from?
Title and Description text is pulled from WordPress attachment metadata — the Title, Caption, Alt Text, and Description fields you set in the Media Library for each image.
更新日志:
1.1.0
- Added Reverse_Symmetric_Row [2,1,2] and Long_Symmetric_Row [3,1,3] shapes
- Added Layout Override control for galleries of 4 or fewer images
- Added Hero Image toggle — first image placed prominently with companions stacked alongside
- Initial release
- Eight shape types adapted from Jetpack tiled gallery grouper
- Full overlay system with independent title/description typography
- Image border, radius, CSS filters, zoom hover
- Conditional asset loading
- Responsive mobile stacking