您想知道如何使用 Elementor ?

图片库是可以替换的插件类型之一 Elementor。 同 Elementor 安装并激活在您的 现场网络 WordPress,您无需安装新插件即可创建图片库。

Elementor 有两个小部件可用于创建图库:基本图库和图库。 您可以使用基本图库小部件来创建图像图库。 而对于图库小部件,您可以使用它来创建更高级的图库。

另请参阅: 如何在 Elementor 中创建渐变进度条

如果你不知道, Elementor 是一个 WordPress插件 页面创建。 您可以使用它在您的网站上创建一个网页 现场网络 无需处理 CSS。

如何使用 Elementor 在 WordPress 中创建图片库

在开始之前,请确保您已在您的计算机上安装并激活了 Elementor 现场网络 WordPress。 您可以在文章或页面上添加图像。 要使用 Elementor 编辑文章/页面,请单击按钮 用Elementor编辑 在古腾堡编辑器上方。

单击后,您将进入 Elementor 编辑器 用Elementor编辑 以上。 在开始向编辑框添加内容之前,您可以先设置布局。 为此,请单击左下角的齿轮图标打开设置面板。 您可以在选项中设置布局 布局。

使用“基本图库”小部件创建图像图库

准备好后,添加一个新部分并将基本图库小部件从左侧面板拖动到编辑框。

单击图像选择器以选择要添加到图库的图像。 如果您的 WordPress 媒体库中尚不存在图像,只需上传它们。

点击按钮 创建一个新的画廊 将所选图像添加到图库。 然后重新排列它们。

另见: 如何在Elementor中将图像添加到文本

可以设置图像大小、列数和块中的亮区 图片库 下 内容选项卡。

如何使用 Elementor 创建图片库

您可以访问选项卡 样式 自定义图库。 您可以在块上设置间距和边框类型 图像。 要自定义图例,您可以打开块 传奇。

使用图库小部件创建图片库

画廊小部件提供比基本画廊小部件更多的自定义选项。 您可以使用三种不同的布局:Grid、Justified 和 Masonry。 您还可以设置叠加颜色、描述、指向动画等。

阅读: 如何修复视频自动播放在 Elementor 中不起作用

请注意,图库小部件仅适用于 Elementor 的专业版。

要开始使用图库小部件创建图库,请将其从左侧面板拖动到编辑区域。 单击图像选择器,然后像上面一样选择要添加到图库中的图像。

添加完图像后,单击块 个人设置 标签下 内容。 将图库类型设置为选项 类型。

图库小部件允许您创建具有多个选项卡的图片库,如下所示。 只需选择选项  如果您想创建一个带有多个选项卡的图库,如下所示。

如何使用 Elementor 创建图片库

还在块 设置, 设置画廊布局、列数、图像间距、纵横比和图像大小。

如何使用 Elementor 创建图片库

打开块 顶层罩面 激活覆盖。 如果需要,您可以在叠加提示上显示图像的标题和描述。

如果您选择显示图像标题或图像描述,则需要在图库中编辑单个图像。 根据您要在图像乐谱上显示的内容编辑替代文本、标题、说明或说明。

转到标签 样式 自定义您的画廊。 有 3 个选项块可用(如果您要创建多个选项卡库,则为 4 个)。

  • 图片

从此块中,您可以设置图像边框颜色、边框半径、图像动画和 CSS 过滤器。

  • 顶层罩面

此块允许您自定义覆盖。 您可以设置叠加颜色、点动画和混合模式。

  • 内容

此块允许您自定义图像的内容。 内容是指您在块中定义的图像的标题和描述 叠加 标签 内容。

您可以设置对齐方式、垂直位置、填充、文本颜色、排版(字体样式、字体系列、字体大小)和指向动画。

如何使用 Elementor 创建图片库

完成自定义图库后,您可以单击按钮 PUBLISH 在左侧面板的底部。 您也可以先通过单击眼睛图标来预览您的页面。

立即获取Elementor Pro!

结论

这是 ! 这就是本文的内容,该文章向您展示了如何使用 Elementor 创建图片库。 如果您对如何到达那里有任何疑问 f让我们知道 评论.

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

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

...