SAB Photo Gallery

Build a gallery, drag images into a custom grid, embed it via shortcode or block. No coding required.

Every gallery is its own WordPress post behind the scenes (a sab_photo_gallery), so it gets its own title, its own admin list screen, standard WordPress edit/delete permissions, and native WordPress revisions — the Compare Revisions screen shows a readable, line-by-line diff of the gallery’s images and settings, not just the title.

Gallery types in this version:

• Custom Grid — drag to reposition, drag a corner handle to resize. Snaps to a fixed 12-column grid.
• Masonry — auto-flowing columns, no manual positioning. Choose a Classic (CSS columns) flow or a Bento preset with a repeating mixed-tile-size pattern.

Features

• Visual drag-and-drop builder: add images from the native Media Library, drag to reposition, resize by dragging a corner handle
• New images are auto-placed below existing content — nothing overlaps by default
• Save with a click, or with the Ctrl/Cmd + S keyboard shortcut, from anywhere on the builder screen
• One-click copy of the gallery’s [sab_photo_gallery id="X"] shortcode, from the builder sidebar or the All Galleries list
• Every gallery save creates a WordPress revision, with a real content diff (not just title) on the Compare Revisions screen
• Publish/Update buttons and admin notices (publish, update, trash, restore, etc.) are worded for galleries, not generic WordPress “posts”
• One rendering engine behind both the [sab_photo_gallery id="X"] shortcode and the SAB Photo Gallery Gutenberg block (with a live preview in the editor), so output never drifts between the two
• Sitewide General Settings (gallery type, gutter, Custom Grid responsive behavior, Masonry columns/style, pagination, captions, powered-by link), each overridable per gallery from the builder’s Gallery Settings panel
• Per-gallery Design controls: padding/margin per side and per breakpoint, background color, z-index
• Optional per-gallery lightbox, sized in viewport units so it scales correctly on any screen
• Configurable pagination — “Load more” button, infinite scroll, or numbered pages — once a gallery has more images than the configured batch size
• Multiple galleries on one page are fully isolated — each gets a unique ID and its own scoped CSS
• No frontend footprint unless a gallery is actually embedded on a page
• All plugin code (PHP classes/functions, CSS classes, JS globals, AJAX actions, postmeta keys) is namespaced under sab-photo-gallery / sab_photo_gallery to avoid conflicts with other plugins