需要在中创建选项卡式图片库 Elementor ?

正如我们经常说的, Elementor 不仅仅是一个页面构建器插件。 它是一个多功能插件,可以替换多种类型的 WordPress插件 一次。 可以替换的插件之一 Elementor 是图片库插件。

同 Elementor, 你不需要安装任何额外的插件 创建图片库 在您的 WordPress 网站上。 Elementor 提供了两个用于创建图库的小部件:基本图库和图库。

基本图库小部件 - 在 Elementor Free 上可用 - 可让您创建基本图片库,而图库小部件可让您创建更高级的图片库,包括选项卡式图片库。

如果您想在摄影网站上创建画廊,这非常棒。 在本文中,我们将向您展示如何在 Elementor 中创建选项卡式图库。

如何在 Elementor 中创建选项卡式图片库

图库小部件在 Elementor 的专业版上可用。 因此,如果还没有,请确保您已将 Elementor 升级到专业版。 使用 Elementor Pro 可以获得很多好处,包括创建 WordPress主题 无需编码。

另请参阅: 如何在 Elementor 中创建选项卡式图片库

在本例中,我们将创建一个风景照片库。 照片分为山、海、瀑三类。 我们将创建三个选项卡来托管每种类型的风景以及一个选项卡来显示所有照片。

首先,创建一个新页面并使用 Elementor 对其进行编辑。 您还可以编辑现有页面。 添加一个部分并将图库小部件拖入其中。

如何在 Elementor 中创建选项卡式图片库

块下 个人设置 标签下 内容, 设置选项 Type 河畔 .

默认情况下,您的图库仅包含一个选项卡。 要添加新标签,只需单击按钮 添加元素。

另见: 如何在 Elementor 中创建渐变进度条

打开其中一项(选项卡)。 在字段中定义选项卡标签 标题。 单击加号按钮选择要添加到选项卡的图像。

从您的 WordPress 媒体库中选择图像。 如果您没有,只需下载它们。 点击按钮 创建新图库 -> 插入图库 将图库添加到选项卡。

如何在 Elementor 中创建选项卡式图片库

打开其他项目(标签),重复上述步骤,设置标签标签并添加图片。

自定义画廊

将图像添加到每个选项卡后,您可以自定义您的图库。 在块 设置, 您可以设置布局、行高、图像间距和图像大小。 还有一个选项可以激活延迟加载功能。

打开块 过滤条 定义主选项卡(“全部”选项卡)、指针和动画的标签。

打开块 顶层罩面 激活覆盖。 您可以通过设置将鼠标悬停在图像上时显示图像标题和描述 标题 和 描述.

如果您想在鼠标悬停时显示标题和描述,您需要编辑图库中的单个图像并添加您定义的参数(替代文本、标题、标题或描述)。

打开选项卡 样式 自定义您的画廊。 您可以打开 4 个块:图像、叠加、内容和过滤器栏。

图片

此块允许您设置图像边框颜色、指向边框颜色、边框宽度、边框半径、CSS 过滤器和指向动画。

如何在 Elementor 中创建选项卡式图片库

顶层罩面

此块允许您设置叠加颜色、悬停叠加颜色、混合模式和悬停动画。

内容

此块允许您自定义图像的内容。 内容是指图像的标题和描述。 您可以设置对齐方式、垂直位置、填充、文本颜色和排版(字体样式、字体系列和字体大小)。

过滤条

此块允许您自定义过滤器。 您可以设置对齐方式、正常颜色、指向颜色、活动颜色、文本颜色、选项卡和排版之间的空间。

您可以操纵这些设置,直到您对结果感到满意为止。 完成后,单击按钮 发布/更新 在左侧面板的底部发布或更新您的页面。

立即获取Elementor Pro!

结论

这是 ! 这就是本文的内容,它向您展示了如何在 Elementor 中创建选项卡式图片库。 如果您对如何到达那里有任何疑问 f让我们知道 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...