Creating a Filterable Gallery in GenerateBlocks, Part 1: Javascript

Publié le: 30 juin 2025
sur la chaîne: Addison Hall Design
93
2

You requested a filterable category gallery in GenerateBlocks, so here we go! The first step is JavaScript... Lots of JavaScript. So, let's break down the code step-by-step and learn a bit about getting HTML elements and their values, creating new HTML elements and assigning values, and manipulating all of it based on user interaction. Next time, we'll apply this code to our GenerateBlocks gallery and make it filterable! Enjoy!

Here is the pen referenced in this video:
https://codepen.io/addisonhall/pen/dP...

PS: I think I've managed to fix the boo-boos I discovered while recording this video ;-)

OTHER LINKS (some are affiliate links):
AHD GeneratePress Child Theme: https://github.com/addisonhall/genera...
GeneratePress: https://generatepress.com/?ref=144&ca...
GenerateBlocks: https://generateblocks.com/?ref=105&c...
Cloudways WordPress Hosting: https://www.cloudways.com/en/?id=956114


Sur cette page du site, vous pouvez voir la vidéo en ligne Creating a Filterable Gallery in GenerateBlocks, Part 1: Javascript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Addison Hall Design 30 juin 2025, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 93 fois et il a aimé 2 téléspectateurs. Bon visionnage!