在现代网站设计中，图像画廊是展示视觉内容的关键元素。为了提高用户体验，Essential Blocks 插件提供了一个专用的图像画廊区块，轻松地为WordPress 网站添加带有过滤器和搜索功能的图像画廊。本文将详细介绍如何使用 Essential Blocks 插件配置和展示可筛选的图像画廊。
安装和激活 Essential Blocks 插件
在开始配置之前，确保已经安装并激活了 Essential Blocks 插件。如果需要更多高级画廊布局，建议安装 Essential Blocks Pro 版本。
安装插件：登录到 WordPress 仪表盘，进入“插件”页面，点击“添加新插件”。
搜索并安装 Essential Blocks 插件。激活插件：安装完插件后，确保它已被激活。
配置可筛选的图像画廊
启用筛选图像画廊区块：
在 WordPress 仪表盘中，导航到 Essential Blocks 插件，进入 Blocks 标签页。在列表中启用 Filterable Gallery 区块，并保存设置。
添加筛选图像画廊区块：
打开需要添加图像画廊的页面或文章，在 Elementor 编辑器中，选择希望插入画廊的区域。
点击加号图标，搜索 Essential Blocks Filterable Gallery 区块，并将其拖动到页面中。
选择模板和添加图片：
点击 Choose 按钮，开始自定义筛选画廊。选择一个适合的模板，例如我选择的是Flipbook Gallery模板，点击“click to insert”在右侧面板的 Gallery Items 部分，逐个上传图像，添加每个图像的标题和描述。
自定义图像画廊
更新布局和图像设置：
在 General 标签页中，更新布局，选择预设图像大小，调整列数和图像间距（单位：像素）。还可以选择关闭标题和描述的显示，启用灯箱效果和自定义链接。
筛选器设置：
在 Filter 部分，启用筛选器和搜索栏，并为每个筛选器命名。可以拖动筛选器来重新排列它们的位置。
在 Default Selected Filter 下拉菜单中，分配已创建的筛选器，并为图像项分配相应的筛选器。
自定义样式：
在 Style 标签中，调整图像的高度、宽度、边框样式、颜色、宽度、圆角等属性。还可以修改 Action Styles、Content Styles、Caption Styles、Description Styles、Search and Filter Styling 以及 Typography 样式。
加载更多按钮样式：
在 Load More Button 部分，选择文本的字体、悬停颜色、背景色等样式。
高级设置：
在 Advanced 标签中，进一步自定义边距、填充、位置、CSS 等高级设置。
发布并查看效果
完成所有自定义设置后，点击 Publish 按钮发布页面。可以查看页面，看到基于所选设置和自定义样式的可筛选图像画廊。
总结
通过 Essential Blocks 插件，可以轻松地为 WordPress 网站创建一个功能丰富的筛选图像画廊。无论是电商、作品展示还是任何需要展示大量图像的页面，筛选画廊都能帮助用户快速找到感兴趣的内容，同时提升网站的交互性和用户体验。
想了解更多WordPress相关的教程和资讯，请关注光子波动网，拥有最全的WordPress教程和最活跃的WordPress交流社区。