Photoswipe Masonry

Hospedagem WordPress com plugin Photoswipe Masonry Gallery

Onde posso hospedar o plugin Photoswipe Masonry Gallery?

Este plugin pode ser hospedado em qualquer provedor que tenha WordPress instalado. Recomendamos utilizar uma empresa de hospedagem de confiança, com servidores otimizados para WordPress, como o serviço de hospedagem de sites da MCO2.

Hospedando o plugin Photoswipe Masonry Gallery em um provedor de confiança

A MCO2, além de instalar o WordPress na versão mais atual para seus clientes, disponibiliza o WP SafePress, um mecanismo singular que protege e otimiza seu site conjuntamente.

Por que a Hospedagem WordPress funciona melhor na MCO2?

A Hospedagem WordPress funciona melhor pois a MCO2 possui servidores otimizados para WordPress. A instalação de WordPress é diferente de uma instalação trivial, pois habilita imediatamente recursos como otimização automática de imagens, proteção da página de login, bloqueio de atividades suspeitas diretamente no firewall, cache avançado e HTTPS ativado por padrão. São recursos que potencializam seu WordPress para a máxima segurança e o máximo desempenho.

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:

• Tamanho da miniatura
• 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)

1. Edit a post or page and click the + (Add block) button.
2. Search for “masonry” or “photoswipe” and choose PhotoSwipe Masonry Gallery. You can also type /masonry in an empty paragraph.
3. Click Upload or Media Library and choose your images. Drag images in the gallery to reorder them.
4. With the gallery selected, open the block settings sidebar (the gear icon, top right) and find the PhotoSwipe Masonry panel.
5. Set Columns (1-8) and Spacing (0-60px).
6. 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

1. Select the Gallery block. If a single image is selected, click the “Select parent” arrow in the toolbar to select the whole gallery.
2. In the block settings sidebar, open the PhotoSwipe Masonry panel.
3. 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