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
Auf dieser Seite können Sie das Online-Video Creating a Filterable Gallery in GenerateBlocks, Part 1: Javascript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Addison Hall Design 30 Juni 2025 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 93 Mal angesehen und es wurde von 2 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!