WordPress Gallery Hacks

Tutorials that cover how to extend the built-in WordPress gallery, and also how to make your own galleries.

Animated gallery block tutorial

Animated WordPress Gallery Links

Turn the regular WordPress gallery block into a series of CSS-animated link-tiles. It’s a fun way to add bling to your site without slowing down the page-load. We’ll set it up so all we need to do is add the “animated-gallery-links” class to any gallery block we want to animate.

WordPress Swiper Gallery Tutorial

Multiple WordPress Gallery Effects with Swiper

This tutorial extends the standard WordPress Gallery Block by using Swiper and GLightbox. You can apply different transition effects to your WordPress galleries by adding CSS Classes to the gallery blocks.

Before and After Image Tutorial

Before and After Image Slider

Learn how to use the Cocoen JavaScript module to create before-and-after image sliders in WordPress. We’ll use the built-in WordPress Gallery Block to make it easy to layout the images.