{"id":314300,"date":"2026-05-20T08:36:20","date_gmt":"2026-05-20T08:36:20","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/lw-tiled-gallery\/"},"modified":"2026-05-20T08:35:44","modified_gmt":"2026-05-20T08:35:44","slug":"leadwhite-mosaic-gallery-for-elementor","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/leadwhite-mosaic-gallery-for-elementor\/","author":13588374,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Leadwhite Mosaic Gallery for Elementor","header_author":"John Clark","header_description":"A tiled mosaic gallery widget for Elementor. Replicates the layout algorithm of Jetpack's Tiled Mosaic gallery \u2014 aspect-ratio-driven rows with varied shapes \u2014 as a native Elementor widget with full style controls.","assets_banners_color":"6b7654","last_updated":"2026-05-20 08:35:44","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/garaiburu\/leadwhite-mosaic-gallery-for-elementor","header_author_uri":"https:\/\/leadwhite.co.uk","rating":0,"author_block_rating":0,"active_installs":0,"downloads":15,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"Garaiburu","date":"2026-05-20 08:35:44"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3538791,"resolution":"128x128","location":"assets","locale":"","width":129,"height":129},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3538791,"resolution":"256x256","location":"assets","locale":"","width":257,"height":257}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3538903,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3538586,"resolution":"1","location":"assets","locale":"","width":813,"height":979},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3538586,"resolution":"2","location":"assets","locale":"","width":822,"height":932},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3538586,"resolution":"3","location":"assets","locale":"","width":820,"height":984}},"screenshots":[]},"plugin_section":[],"plugin_tags":[76538,210,163,6823,48837],"plugin_category":[50],"plugin_contributors":[263631],"plugin_business_model":[],"class_list":["post-314300","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-gallery","plugin_tags-images","plugin_tags-mosaic","plugin_tags-tiled","plugin_category-media","plugin_contributors-garaiburu","plugin_committers-garaiburu"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/leadwhite-mosaic-gallery-for-elementor\/assets\/icon-128x128.png?rev=3538791","icon_2x":"https:\/\/ps.w.org\/leadwhite-mosaic-gallery-for-elementor\/assets\/icon-256x256.png?rev=3538791","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/leadwhite-mosaic-gallery-for-elementor\/assets\/screenshot-1.png?rev=3538586","caption":""},{"src":"https:\/\/ps.w.org\/leadwhite-mosaic-gallery-for-elementor\/assets\/screenshot-2.png?rev=3538586","caption":""},{"src":"https:\/\/ps.w.org\/leadwhite-mosaic-gallery-for-elementor\/assets\/screenshot-3.png?rev=3538586","caption":""}],"raw_content":"<!--section=description-->\n<p>Leadwhite Mosaic Gallery for Elementor adds a Tiled Gallery widget to Elementor that produces a varied mosaic layout driven by image aspect ratios \u2014 similar to Jetpack's Tiled Mosaic gallery but built natively for Elementor with full style controls.<\/p>\n\n<p><strong>How it works<\/strong><\/p>\n\n<p>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):<\/p>\n\n<ul>\n<li>Symmetric Row \u2014 portrait, two stacked landscapes, portrait<\/li>\n<li>One Three \u2014 portrait + three stacked landscapes<\/li>\n<li>Three One \u2014 three stacked landscapes + portrait<\/li>\n<li>One Two \u2014 single + stack of two<\/li>\n<li>Two One \u2014 stack of two + single<\/li>\n<li>Four \u2014 four singles<\/li>\n<li>Three \u2014 three singles<\/li>\n<li>Panoramic \u2014 single wide image fills the row<\/li>\n<\/ul>\n\n<p>Row heights and column widths are calculated from aspect ratios so all images in a row share the same height, with no cropping distortion.<\/p>\n\n<p><strong>Features<\/strong><\/p>\n\n<ul>\n<li>Tiled mosaic layout with 8 shape types<\/li>\n<li>Hover overlay with background colour, fade or slide-up animation<\/li>\n<li>Title and description pulled from attachment metadata (title, caption, alt, description)<\/li>\n<li>Independent typography controls for title and description<\/li>\n<li>Image border, border radius, and CSS filters (Normal and Hover states)<\/li>\n<li>Zoom In hover animation on images<\/li>\n<li>Responsive \u2014 stacks to single column below a configurable breakpoint<\/li>\n<li>Elementor lightbox integration<\/li>\n<li>Assets load only on pages where the widget is used<\/li>\n<\/ul>\n\n<h3>Usage<\/h3>\n\n<ol>\n<li>Add the Tiled Gallery widget to any Elementor page<\/li>\n<li>Add images via the Gallery Images control in the Content tab<\/li>\n<li>Configure layout (gap, mobile breakpoint) and interaction (lightbox, link) in the Content tab<\/li>\n<li>Set overlay and image styles in the Style tab<\/li>\n<li>Add captions or titles to images in the WordPress Media Library \u2014 these are used by the overlay Title and Description controls<\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>Leadwhite-Mosaic-Gallery-for-Elementor<\/code> folder to <code>\/wp-content\/plugins\/<\/code><\/li>\n<li>Activate the plugin through the Plugins menu in WordPress<\/li>\n<li>The Tiled Gallery widget will appear in the Elementor widget panel under General<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20require%20jetpack%3F\"><h3>Does this require Jetpack?<\/h3><\/dt>\n<dd><p>No. The layout algorithm is an independent port of Jetpack's open-source grouper logic. Jetpack is not required.<\/p><\/dd>\n<dt id=\"does%20this%20require%20elementor%3F\"><h3>Does this require Elementor?<\/h3><\/dt>\n<dd><p>Yes. The widget uses Elementor controls for typography styling. \nElementor must be active.<\/p><\/dd>\n<dt id=\"does%20this%20require%20elementor%20pro%3F\"><h3>Does this require Elementor Pro?<\/h3><\/dt>\n<dd><p>No. The widget has been tested and works with Elementor Free.<\/p><\/dd>\n<dt id=\"where%20does%20the%20overlay%20text%20come%20from%3F\"><h3>Where does the overlay text come from?<\/h3><\/dt>\n<dd><p>Title and Description text is pulled from WordPress attachment metadata \u2014 the Title, Caption, Alt Text, and Description fields you set in the Media Library for each image.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Eight shape types adapted from Jetpack tiled gallery grouper<\/li>\n<li>Full overlay system with independent title\/description typography<\/li>\n<li>Image border, radius, CSS filters, zoom hover<\/li>\n<li>Conditional asset loading<\/li>\n<li>Responsive mobile stacking<\/li>\n<\/ul>","raw_excerpt":"A tiled mosaic gallery widget for Elementor with aspect-ratio-driven layout, full style controls, and hover overlays.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/314300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=314300"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/garaiburu"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=314300"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=314300"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=314300"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=314300"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=314300"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=314300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}