{"id":53,"date":"2025-09-26T08:50:56","date_gmt":"2025-09-26T08:50:56","guid":{"rendered":"https:\/\/ska-blocks.com\/docs\/2025\/09\/26\/gallery-block\/"},"modified":"2025-11-02T14:12:53","modified_gmt":"2025-11-02T14:12:53","slug":"gallery-block","status":"publish","type":"post","link":"https:\/\/ska-blocks.com\/docs\/gallery-block\/","title":{"rendered":"Gallery block"},"content":{"rendered":"\n

The Gallery block is an alternative to the WordPress core Gallery block.<\/p>\n\n\n\n

The main advantage of the ska\/gallery<\/code> block is that it can render an image gallery with a simple and predictable markup: .wp-block-ska-gallery > .image > img<\/code>. It is a singular block that renders images from a list of WordPress attachment IDs, as opposed to the core gallery block which contains individual image blocks as children – there are pros and cons to both.<\/p>\n\n\n\n

When disabling the Wrap<\/strong> option, the gallery will not render any parent element, only .image > img<\/code> elements. This makes it possible to use the Gallery<\/strong> block inside the Slider<\/strong> block<\/a> for example, making each image a separate slide.<\/p>\n\n\n\n

Basic gallery<\/h2>\n\n\n\n

Images: https:\/\/picsum.photos<\/a><\/p>\n\n\n\n

You should give the gallery basic Tailwind classes such as grid grid-cols-2 sm:grid-cols-3 gap-3.5<\/code> to configure its’ appearance.<\/p>\n\n\n

\n
\n
\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a><\/div>\n<\/div>\n
\n\t