如何在 WordPress 网站中使用 Essential Blocks 插件创建可筛选的图像画廊

在现代网站设计中，图像画廊是展示视觉内容的关键元素。为了提高用户体验，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交流社区。