Como tornar responsive as galerias do WordPress

As galerias do WordPress têm um parâmetro “columns” que permite definir quantas fotos aparecem por cada linha da galeria.

Dado que actualmente a grande maioria dos temas são (e devem ser) responsive, isto levanta vários problemas.

Na Webdados, quando necessitamos de fazer galerias realmente responsive, nomeadamente para que em cada linha sejam apresentadas quantas imagens couberem, mudamos o parâmetro de colunas para “9999” e no CSS do nosso tema (ou child theme) adicionamos a seguinte regra:

.gallery-columns-9999 .gallery-item {
	width: auto !important;
	margin: 5px;
}

A margem entre itens pode e deve ser ajustada de acordo com o tema utilizado.

Esta técnica permite manter o parâmetro “columns” a funcionar como previsto para outras quantidades que não “9999”.