How to Add Image Gallery and Filterable Gallery in WordPress 2022

by | Jun 28, 2022 | 0 comments

How to Add Image Gallery and Filterable Gallery in WordPress 2022

by | Jun 28, 2022 | Free Wordpress Plugins | 0 comments



Learn How to Add Image Gallery and Filterable Gallery in WordPress website for free. We are going to create a simple image gallery in WordPress as well as a filterable image gallery in this video tutorial using free WordPress plugins. So after watching this tutorial you can easily add a nice image gallery to your WordPress website to showcase your portfolio.

🎬
0:00 Intro
0:18 Install Gallery Plugin
0:39 Create an image gallery
3:15 Install Filterable gallery WordPress plugin
3:58 Create Filterable WordPress Gallery

📌

Step 1: Install Image Gallery Plugin
Go to WordPress dashboard, click plugins ► click add new ►search for Elementor and install it.

Step 2: Create an image gallery
Go to pages and then edit the page with elementor where you want to add an image gallery, or you can create a new page and add a gallery.
From the elementor menu ► add a new section ► search for gallery ► drag and drop the gallery widget to section ► add your gallery images ►adjust image size etc ►hit update / publish .

Step 3: Install Filterable gallery WordPress plugin
Go to WordPress dashboard, click plugins ► click add new ►search for
“Essential addons for Elementor” ► install and activate it.

Step 4: Create Filterable WordPress Gallery
Go to your elementor page ► From the menu search for “Filterable Gallery” ►drag & drop gallery to section ►create filterable controls ►add your gallery images/items ►set filterable control for each gallery item ► hit update / publish.

So, That’s it guys, This is how you can add an image gallery and filterable gallery to your WordPress website.

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>