內容簡介
PhotoSwipe Masonry 是一款為 WordPress 設計的圖片畫廊外掛，利用 PhotoSwipe 提供的功能，讓使用者能夠輕鬆創建美觀的馬賽克式畫廊，並在頁面中插入。此外掛支援多圖上傳、拖放排序及標題和說明的添加。
【主要功能】
• 支援一次上傳多張圖片
• 拖放排序圖片
• 可自訂縮圖及全圖大小
• 鍵盤控制功能
• 支援多個畫廊
• 兼容區塊編輯器
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
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 . 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
