Photoswipe Masonry

PhotoSwipe Masonry is an image gallery plugin for WordPress built using PhotoSwipe from Dmitry Semenov. photoswipe PhotoSwipe Masonry takes advantage of the built in gallery features of WordPress. Simply use the WordPress admin to create a gallery and insert it in the page. You may need to adjust the size of the thumbnails to suit your theme in the settings. Options are under Settings > PhotoSwipe The PhotoSwipe Masonry gallery plugin allows you to: Upload multiple images at once Easily order images via drag and drop Add a title and caption Via the options panel you can modify: Thumbnail size Full image size Some other features include: Keyboard control Supports multiple galleries Block editor support with a “PhotoSwipe Masonry Gallery” block, plus a Masonry option for the standard Gallery block Simple columns and spacing controls How to add a masonry gallery (block editor) Edit a post or page and click the + (Add block) button. Search for “masonry” or “photoswipe” and choose PhotoSwipe Masonry Gallery. You can also type /masonry in an empty paragraph. Click Upload or Media Library and choose your images. Drag images in the gallery to reorder them. With the gallery selected, open the block settings sidebar (the gear icon, top right) and find the PhotoSwipe Masonry panel. Set Columns (1-8) and Spacing (0-60px). Save or update the page. Visitors can click any image to open it in the PhotoSwipe lightbox. Turn an existing Gallery block into a masonry gallery Select the Gallery block. If a single image is selected, click the “Select parent” arrow in the toolbar to select the whole gallery. In the block settings sidebar, open the PhotoSwipe Masonry panel. Turn on Masonry layout, then set Columns and Spacing. You can also select a Gallery block, click its icon in the toolbar and transform it into a PhotoSwipe Masonry Gallery. To go back to a standard gallery, turn Masonry layout off. Shortcode galleries (classic editor) Create a gallery with the Add Media button, or add a shortcode such as [gallery ids="1,2,3" columns="3"]. Existing shortcode galleries keep working as before and use the thumbnail settings under Settings > PhotoSwipe. Good to know Masonry galleries show two columns on screens narrower than 650px. Masonry galleries always open images in the PhotoSwipe lightbox, so the Gallery “Link to” setting is ignored. Images must come from the Media Library. A gallery that contains an image inserted from a URL shows as a standard Gallery. Image captions are shown under thumbnails when “Show captions on thumbnails?” is enabled under Settings > PhotoSwipe. Captions always appear in the lightbox. See a demo here