{"id":391372,"date":"2026-10-24T14:52:51","date_gmt":"2026-10-24T14:52:51","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/mango-masonry-gallery-for-elementor\/"},"modified":"2026-10-24T14:52:36","modified_gmt":"2026-10-24T14:52:36","slug":"mango-masonry-gallery","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/mango-masonry-gallery\/","author":15244741,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Mango Masonry Gallery for Elementor","header_author":"Shihab","header_description":"A lightweight masonry image gallery with a full-screen lightbox (prev\/next, keyboard navigation, counter). Use the \"Mango Masonry Gallery\" Elementor widget or the [mango_masonry_gallery] shortcode.","assets_banners_color":"d4c19c","last_updated":"2026-10-24 14:52:36","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/shihabiiuc.com\/","header_author_uri":"https:\/\/shihabiiuc.com\/shihab","rating":0,"author_block_rating":0,"active_installs":0,"downloads":102,"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":"shihab0915","date":"2026-10-24 14:52:36","revision":3763408}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3763408,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3763408,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3763408,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3763408,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3763408,"resolution":"1","location":"assets","locale":"","width":1000,"height":630},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3763408,"resolution":"2","location":"assets","locale":"","width":1000,"height":630},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3763408,"resolution":"3","location":"assets","locale":"","width":1000,"height":630}},"screenshots":{"1":"Masonry gallery on the front end.","2":"Full-screen lightbox.","3":"Widget settings in the Elementor editor."}},"plugin_section":[],"plugin_tags":[76538,210,163,237,6822],"plugin_category":[50],"plugin_contributors":[282624],"plugin_business_model":[],"class_list":["post-391372","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-gallery","plugin_tags-images","plugin_tags-lightbox","plugin_tags-masonry","plugin_category-media","plugin_contributors-shihab0915","plugin_committers-shihab0915"],"banners":{"banner":"https:\/\/ps.w.org\/mango-masonry-gallery\/assets\/banner-772x250.png?rev=3763408","banner_2x":"https:\/\/ps.w.org\/mango-masonry-gallery\/assets\/banner-1544x500.png?rev=3763408","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/mango-masonry-gallery\/assets\/icon-128x128.png?rev=3763408","icon_2x":"https:\/\/ps.w.org\/mango-masonry-gallery\/assets\/icon-256x256.png?rev=3763408","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/mango-masonry-gallery\/assets\/screenshot-1.png?rev=3763408","caption":"Masonry gallery on the front end."},{"src":"https:\/\/ps.w.org\/mango-masonry-gallery\/assets\/screenshot-2.png?rev=3763408","caption":"Full-screen lightbox."},{"src":"https:\/\/ps.w.org\/mango-masonry-gallery\/assets\/screenshot-3.png?rev=3763408","caption":"Widget settings in the Elementor editor."}],"raw_content":"<!--section=description-->\n<p>Mango Masonry Gallery adds a clean, responsive masonry gallery to your site. Images keep their natural aspect ratio and flow into columns, and clicking an image opens it in a full-screen lightbox.<\/p>\n\n<p>Features:<\/p>\n\n<ul>\n<li>Elementor widget with a live masonry preview in the editor<\/li>\n<li>Responsive columns (1\u20136) for desktop, tablet and mobile<\/li>\n<li>Adjustable gap, corner radius and image size<\/li>\n<li>Full-screen lightbox with previous\/next buttons, keyboard navigation (\u2190, \u2192, Esc) and an image counter<\/li>\n<li>Custom hover overlay, lightbox accent and lightbox background colors<\/li>\n<li>Accessible: keyboard-focusable images, ARIA labels, focus is returned after closing the lightbox<\/li>\n<li>No jQuery and no external libraries; CSS and JS load only on pages that show a gallery<\/li>\n<li>Works without Elementor through the <code>[mango_masonry_gallery]<\/code> shortcode<\/li>\n<\/ul>\n\n<h4>Shortcode<\/h4>\n\n<pre><code>[mango_masonry_gallery ids=\"12,34,56\" columns=\"3\"]\n<\/code><\/pre>\n\n<p>Available attributes:<\/p>\n\n<ul>\n<li><code>ids<\/code> \u2013 comma-separated attachment IDs (required)<\/li>\n<li><code>columns<\/code> \u2013 desktop columns, 1\u20136 (default 3)<\/li>\n<li><code>columns_tablet<\/code> \u2013 tablet columns (default: 2, or fewer if <code>columns<\/code> is lower)<\/li>\n<li><code>columns_mobile<\/code> \u2013 mobile columns (default 1)<\/li>\n<li><code>gap<\/code> \u2013 space between images, e.g. <code>20px<\/code> (default <code>7px<\/code>)<\/li>\n<li><code>radius<\/code> \u2013 image corner radius, e.g. <code>4px<\/code> (default <code>2px<\/code>)<\/li>\n<li><code>size<\/code> \u2013 registered image size used in the grid (default <code>large<\/code>)<\/li>\n<li><code>overlay<\/code> \u2013 hover overlay color (default <code>rgba(20,20,20,0.45)<\/code>)<\/li>\n<li><code>accent<\/code> \u2013 lightbox controls color (default <code>#d4b5a5<\/code>)<\/li>\n<li><code>lightbox_bg<\/code> \u2013 lightbox background color (default <code>rgba(10,7,5,0.96)<\/code>)<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>mango-masonry-gallery<\/code> folder to <code>\/wp-content\/plugins\/<\/code>, or install it from the Plugins screen.<\/li>\n<li>Activate the plugin.<\/li>\n<li>In Elementor, search for \"Mango Masonry Gallery\" in the widgets panel and drag it onto the page. Or use the shortcode in any post or page.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20elementor%3F\"><h3>Do I need Elementor?<\/h3><\/dt>\n<dd><p>No. The Elementor widget is only registered when Elementor is active. Without it, use the <code>[mango_masonry_gallery]<\/code> shortcode.<\/p><\/dd>\n<dt id=\"why%20doesn%27t%20the%20lightbox%20open%20in%20the%20elementor%20editor%3F\"><h3>Why doesn't the lightbox open in the Elementor editor?<\/h3><\/dt>\n<dd><p>Clicks in the editor are used to select and edit the widget, so the lightbox is disabled there. Preview or view the page to try it.<\/p><\/dd>\n<dt id=\"in%20which%20order%20are%20images%20shown%3F\"><h3>In which order are images shown?<\/h3><\/dt>\n<dd><p>Images flow top to bottom in each column, then on to the next column.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"A lightweight masonry image gallery with a full-screen lightbox, as an Elementor widget and a shortcode.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/391372","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=391372"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/shihab0915"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=391372"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=391372"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=391372"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=391372"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=391372"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=391372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}