How to Create Filterable Image Galleries in WordPress Websites with the Essential Blocks Plugin

In modern website design, image galleries are a key element in presenting visual content. In order to improve the user experience, theEssential Blocks PluginProvides a dedicatedImage Gallery BlockAdd image galleries with filters and searches to your WordPress website with ease. This article will detail how to configure and display filterable image galleries using the Essential Blocks plugin.

Installation and activation of the Essential Blocks plug-in

Before starting the configuration, make sure that the Essential Blocks plugin is installed and activated. If more advanced gallery layouts are required, it is recommended to install the Essential Blocks Pro version.

• Installation of plug-ins::
  • Log in to your WordPress dashboard and go to "plug-in (software component)" page, click "Add New Plugin".
  • Search and install Essential Blocks Plug-ins.

• Activation Plugin::
  • After installing the plugin, make sure it is activated.

Configure filterable image galleries

Enable filtered image gallery blocks::

• In the WordPress dashboard, navigate to Essential Blocks plug-in, go to Blocks Tab.

• Enable in the list Filterable Gallery block and save the settings.

Add filtered image gallery block::

• Open the page or post to which you need to add an image gallery in the Elementor EditorIn , select the area in which you wish to insert the gallery.
• Click on the plus icon to search for Essential Blocks Filterable Gallery block and drag it to the page.

Selecting templates and adding images::

• strike (on the keyboard) Choose button to start customizing the screening gallery.

• Choose a suitable template, for example, I chose theFlipbook Gallerytemplate, click "click to insert"

• In the right panel of the Gallery Items section, uploading the images one by one, adding a title and description for each image.

Customized image galleries

Update layout and image settings::

• exist General In the tab, update the layout, select the preset image size, and adjust the number of columns and image spacing (in pixels).

• There are also options to turn off the display of titles and descriptions, enable lightbox effects and customize links.

Filter Settings::

• exist Filter section, enable the filters and search bar, and name each filter. Filters can be dragged to rearrange their position.

• exist Default Selected Filter drop-down menu to assign the created filters and assign the corresponding filters to the image items.

Custom Styles::

• exist Style tab to adjust the image's height, width, border style, color, width, rounded corners, and other properties.

• It can also be modified Action Styles,Content Styles,Caption Styles,Description Styles,Search and Filter Styling as well as Typography Style.

Load more button styles::

• exist Load More Button section, select the font, hover color for the text,background colorand other styles.

Advanced Settings::

• exist Advanced tab to further customize advanced settings such as margins, padding, position, CSS, and more.

Publish and view results

After completing all customizations, click Publish button to publish the page. The page can be viewed to see a gallery of filterable images based on the selected settings and custom styles.

summarize

With the Essential Blocks plugin, it's easy to create a feature-rich filtered image gallery for your WordPress website. Whether it's for e-commerce, artwork showcase or any page that needs to display a large number of images, filtered galleries help users quickly find what they're interested in while improving the interactivity and user experience of the site.

For more WordPress related tutorials and information, please follow thePhoton fluctuation network, has the most comprehensive WordPress tutorials and the most activeWordPress Exchange CommunityThe

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off