{"id":305354,"date":"2026-04-30T21:02:37","date_gmt":"2026-04-30T21:02:37","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/sb-simple-photo-gallery\/"},"modified":"2026-04-30T22:21:43","modified_gmt":"2026-04-30T22:21:43","slug":"sb-simple-photo-gallery","status":"publish","type":"plugin","link":"https:\/\/hat.wordpress.org\/plugins\/sb-simple-photo-gallery\/","author":18006806,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.1.0","stable_tag":"3.1.0","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"SB Simple Photo Gallery","header_author":"Sourav Biswas","header_description":"Responsive photo gallery block for Gutenberg with Grid, Masonry, Justified & Mosaic layouts plus a built-in lightbox.","assets_banners_color":"dac4c6","last_updated":"2026-04-30 22:21:43","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/buy.stripe.com\/3csaEG5BieBLdeUaEG","header_plugin_uri":"","header_author_uri":"https:\/\/sourav.work\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":58,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"3.1.0":{"tag":"3.1.0","author":"souravws","date":"2026-04-30 22:21:43"}},"upgrade_notice":{"3.1.0":"<p>Bug-fix release. Masonry, Mosaic, and Justified layouts now display correctly. Masonry is now the default layout for new galleries.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3519984,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3519984,"resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":3519984,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.jpeg":{"filename":"banner-1544x500.jpeg","revision":3519984,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpeg":{"filename":"banner-772x250.jpeg","revision":3519984,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"simple-gallery\/photo-gallery":{"name":"simple-gallery\/photo-gallery","title":"SB Simple Photo Gallery"}},"tagged_versions":["3.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3519984,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3519984,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3519984,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3519984,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3519984,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3519984,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3519984,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3519984,"resolution":"8","location":"assets","locale":""}},"screenshots":{"1":"The gallery block in the Gutenberg editor with the visual layout picker and sidebar controls.","2":"Grid layout \u2014 clean equal-height responsive grid on the frontend.","3":"Masonry layout \u2014 Pinterest-style columns with natural image proportions.","4":"Justified layout \u2014 rows where all images share the same height and fill the full width.","5":"Mosaic layout \u2014 featured hero image with supporting thumbnails.","6":"Built-in lightbox with image counter, caption, and prev\/next navigation."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[210,148076,126096,6822,649],"plugin_category":[50],"plugin_contributors":[261592],"plugin_business_model":[],"class_list":["post-305354","plugin","type-plugin","status-publish","hentry","plugin_tags-gallery","plugin_tags-gutenberg","plugin_tags-justified","plugin_tags-masonry","plugin_tags-photo-gallery","plugin_category-media","plugin_contributors-souravws","plugin_committers-souravws"],"banners":{"banner":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/banner-772x250.jpeg?rev=3519984","banner_2x":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/banner-1544x500.jpeg?rev=3519984","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/icon.svg?rev=3519984","icon":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/icon.svg?rev=3519984","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/screenshot-1.png?rev=3519984","caption":"The gallery block in the Gutenberg editor with the visual layout picker and sidebar controls."},{"src":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/screenshot-2.png?rev=3519984","caption":"Grid layout \u2014 clean equal-height responsive grid on the frontend."},{"src":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/screenshot-3.png?rev=3519984","caption":"Masonry layout \u2014 Pinterest-style columns with natural image proportions."},{"src":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/screenshot-4.png?rev=3519984","caption":"Justified layout \u2014 rows where all images share the same height and fill the full width."},{"src":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/screenshot-5.png?rev=3519984","caption":"Mosaic layout \u2014 featured hero image with supporting thumbnails."},{"src":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/screenshot-6.png?rev=3519984","caption":"Built-in lightbox with image counter, caption, and prev\/next navigation."},{"src":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/screenshot-7.png?rev=3519984","caption":""},{"src":"https:\/\/ps.w.org\/sb-simple-photo-gallery\/assets\/screenshot-8.png?rev=3519984","caption":""}],"raw_content":"<!--section=description-->\n<p>SB Simple Photo Gallery adds a powerful yet easy-to-use photo gallery block to the WordPress Gutenberg editor. Select your images from the Media Library and display them in four stunning layout styles \u2014 all without writing a single line of code.<\/p>\n\n<p><strong>Layout Styles<\/strong><\/p>\n\n<ul>\n<li><strong>Grid<\/strong> \u2014 Clean, equal-height responsive grid<\/li>\n<li><strong>Masonry<\/strong> \u2014 Pinterest-style columns that respect each image's natural proportions<\/li>\n<li><strong>Justified<\/strong> \u2014 Google Photos-style rows where every image shares the same height and fills the full width<\/li>\n<li><strong>Mosaic<\/strong> \u2014 Featured-image layout with a large hero photo and supporting thumbnails<\/li>\n<\/ul>\n\n<p><strong>Features<\/strong><\/p>\n\n<ul>\n<li>Built-in lightbox with smooth prev\/next navigation<\/li>\n<li>Caption support \u2014 overlay on hover or below each image<\/li>\n<li>Adjustable columns (1\u20136), gap, image height, and border radius<\/li>\n<li>Wide and full-width block alignment support<\/li>\n<li>Full keyboard navigation (Arrow keys and Escape)<\/li>\n<li>Lazy loading for better page performance<\/li>\n<li>No jQuery \u2014 lightweight vanilla JavaScript only<\/li>\n<li>No external libraries or third-party dependencies<\/li>\n<li>Translation-ready with full i18n support<\/li>\n<\/ul>\n\n<p><strong>How It Works<\/strong><\/p>\n\n<ol>\n<li>Install and activate the plugin.<\/li>\n<li>Open any post or page in the Gutenberg editor.<\/li>\n<li>Click the block inserter (+) and search for <strong>SB Simple Photo Gallery<\/strong>.<\/li>\n<li>Select your images from the WordPress Media Library.<\/li>\n<li>Choose a layout and adjust settings in the Block sidebar.<\/li>\n<li>Save and publish.<\/li>\n<\/ol>\n\n<!--section=installation-->\n<p><strong>From the WordPress Plugin Directory (recommended)<\/strong><\/p>\n\n<ol>\n<li>Go to <strong>Plugins &gt; Add New<\/strong> in your WordPress admin.<\/li>\n<li>Search for <strong>SB Simple Photo Gallery<\/strong>.<\/li>\n<li>Click <strong>Install Now<\/strong>, then <strong>Activate<\/strong>.<\/li>\n<\/ol>\n\n<p><strong>Manual Installation<\/strong><\/p>\n\n<ol>\n<li>Download the plugin zip file.<\/li>\n<li>Go to <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong>.<\/li>\n<li>Upload the zip file and click <strong>Install Now<\/strong>.<\/li>\n<li>Activate the plugin from the Plugins page.<\/li>\n<\/ol>\n\n<p><strong>From Source<\/strong><\/p>\n\n<ol>\n<li>Upload the <code>sb-simple-photo-gallery<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"which%20wordpress%20version%20is%20required%3F\"><h3>Which WordPress version is required?<\/h3><\/dt>\n<dd><p>WordPress 6.0 or higher is required. The plugin is built on modern Gutenberg block APIs.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20my%20theme%3F\"><h3>Does it work with my theme?<\/h3><\/dt>\n<dd><p>Yes. The plugin outputs standard semantic HTML and scoped CSS. It has been tested with Twenty Twenty-Four and Twenty Twenty-Five. It should work with any well-coded WordPress theme.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20the%20classic%20editor%3F\"><h3>Does it work with the Classic Editor?<\/h3><\/dt>\n<dd><p>No. This is a Gutenberg (Block Editor) plugin. The Classic Editor is not supported.<\/p><\/dd>\n<dt id=\"does%20the%20lightbox%20work%20on%20mobile%20devices%3F\"><h3>Does the lightbox work on mobile devices?<\/h3><\/dt>\n<dd><p>Yes. The lightbox supports touch swipe gestures to move between images on mobile and tablet devices.<\/p><\/dd>\n<dt id=\"why%20does%20the%20masonry%20layout%20briefly%20appear%20as%20a%20simple%20column%20layout%3F\"><h3>Why does the Masonry layout briefly appear as a simple column layout?<\/h3><\/dt>\n<dd><p>The Masonry layout uses JavaScript to calculate and position items based on each image's actual dimensions. On first load, a CSS-columns fallback displays while JavaScript initialises. Once images are loaded the layout corrects itself. This is expected behaviour.<\/p><\/dd>\n<dt id=\"can%20i%20show%20image%20captions%3F\"><h3>Can I show image captions?<\/h3><\/dt>\n<dd><p>Yes. Enable \"Show Captions\" in the block sidebar and choose between an overlay style (captions appear on hover) or a below-image style.<\/p><\/dd>\n<dt id=\"is%20the%20plugin%20translation-ready%3F\"><h3>Is the plugin translation-ready?<\/h3><\/dt>\n<dd><p>Yes. All user-facing strings use WordPress i18n functions (<code>__()<\/code>) with the <code>sb-simple-photo-gallery<\/code> text domain.<\/p><\/dd>\n<dt id=\"will%20it%20slow%20down%20my%20website%3F\"><h3>Will it slow down my website?<\/h3><\/dt>\n<dd><p>No. Images use the browser-native <code>loading=\"lazy\"<\/code> attribute. The frontend JavaScript is only loaded on pages that contain a gallery block. There are no external HTTP requests, no third-party fonts, and no tracking of any kind.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.1.0<\/h4>\n\n<ul>\n<li>Fixed Masonry layout \u2014 now uses actual image dimensions for correct aspect ratios and re-layouts after images load<\/li>\n<li>Fixed Mosaic layout \u2014 images now correctly fill their grid cells at all sizes<\/li>\n<li>Fixed Justified layout \u2014 images correctly fill their JS-calculated row heights<\/li>\n<li>Set Masonry as the default layout for new gallery blocks<\/li>\n<li>Removed Carousel layout (will return in a future release once stabilised)<\/li>\n<\/ul>\n\n<h4>3.0.0<\/h4>\n\n<ul>\n<li>Added Masonry, Justified, and Mosaic layout styles<\/li>\n<li>Added visual layout picker in the block sidebar with SVG preview icons<\/li>\n<li>Added lightbox with smooth animation, keyboard navigation, image counter, and captions<\/li>\n<li>Added ResizeObserver-based responsive relayout for Masonry and Justified<\/li>\n<li>Frontend JavaScript rewritten as a single unified file (no jQuery)<\/li>\n<li>Touch swipe support for lightbox on mobile<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Added lightbox with prev\/next navigation<\/li>\n<li>Added caption overlay style (hover reveal)<\/li>\n<li>Added gap, image height, and border radius controls in the sidebar<\/li>\n<li>Added wide and full-width block alignment support<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release \u2014 responsive grid gallery Gutenberg block<\/li>\n<\/ul>","raw_excerpt":"A responsive photo gallery block for Gutenberg with Grid, Masonry, Justified &amp; Mosaic layouts plus a built-in lightbox.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/305354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=305354"}],"author":[{"embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/souravws"}],"wp:attachment":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=305354"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=305354"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=305354"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=305354"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=305354"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=305354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}