像专业人士一样在Elementor中添加和编辑图片图库

 虽然使用 Elementor 在创建页面或文章时能提供很大帮助，但同样不可否认的是，我们可能需要更多工具才能让它完美运行。其中值得一提的重要工具之一就是图库管理器，它可以让我们进一步强化这个已经非常强大的页面构建器。下面我们来看看，如何直接在 Elementor 中使用 WP Media folder 轻松添加和编辑图库。.

借助图库管理器和与所有主流页面构建器的集成等强大工具， WP Media Folder 让我们只需点击几下即可创建非常出色的图库并整理我们的媒体库！ 

在本教程中，我们将使用图库管理器以及直接在 Elementor 中从头创建一个图库。.

使用 WP Media Folder 创建 WordPress 画廊

首先，我们将了解使用 WP Media Folder Gallery Addon 创建画廊是多么简单。.

安装 WP Media Folder 和 Gallery Addon 后，可以在 媒体库 > 媒体文件夹图库

在此界面上，我们需要将鼠标悬停在 + 添加新图库  上，然后点击 + 创建新媒体图库。

这将打开一个模态窗口，我们可以在其中输入画廊标题并选择主题。.

目前，我们暂且将其命名为“我的图库”，并保留默认主题。.

这将引导我们进入图库创建仪表板，其中有许多选项可用于设置和构建我们的图库，首先，我们将向图库添加图片。.

我们会注意到许多向画廊添加媒体的选项，主要的是从 媒体库 添加 ，或者直接从我们的 电脑文件资源管理器 上传，让我们来看看这两种方式。

首先，我们有 媒体库 选项，也就是 WordPress 图标，点击它。

点击这里将打开媒体库，你会注意到我的媒体库中有文件夹，这要归功于 WP Media Folder ，它让我能够通过媒体文件夹和过滤器以最佳方式整理所有媒体，你可以在 这里 了解更多，不过那是另一篇文章的内容了 ;) 

现在要添加图片，我们只需转到添加了想要添加的图片的媒体文件夹，使用ctrl + 点击来选择它们，最后点击 导入图片。

这会将所有选中的图片添加到图库管理器中，让我们可以使用并调整它们。.

现在让我们看看直接从我们的电脑上传图片的选项 文件资源管理器，为此， 点击文件夹图标。

完成此操作后，您的文件资源管理器将立即打开，让您可以在文件夹中导航并选择要添加到图库的图片。.

选择您想要上传的图片，然后点击 打开。

完成此操作后，我们就大功告成了！现在，我们画廊管理器中的所有图片都已准备好用于我们的画廊。.

现在所有图片都已就位，让我们检查一下图库设置，为此，请点击第二个标签页 显示设置和短代码。

首先，我们可以看到有 8 个画廊，每个画廊都有自己的设置。.

让我们来看看 Masonry，这是经典的瀑布流布局，许多图片以不同尺寸展示，正如我们在 预览 标签页中看到的那样。

在设置中，我们可以在所有选项之间进行选择，例如图像尺寸和 masonry 布局，让我们将其从当前的垂直布局编辑为水平布局，并使图像更小。.

现在检查 预览 选项卡，以确认它现在的显示效果。

如您所见，这是一个非常出色的工具，具有很棒的功能，因为它允许我们只需点击几下，在几秒钟内就能进行更改并查看效果！创建画廊从未如此简单！

在 Elementor 中添加 WordPress 画廊

现在我们已经了解了如何使用 WP Media Folder 图库管理器创建图库，接下来看看如何使用 Elementor 将其添加到我们的文章或页面中。

为此，请转到您的页面或文章（或创建它），然后点击 使用 Elementor 编辑 ，页面构建器将会加载。

在编辑器中，查找 WP Media Folder Addon Gallery 区块，并将其添加到您的内容中。

将加载一个区块，提示我们已添加媒体库附加组件区块。.

在左侧选项卡中，我们将能够选择我们想要的图库，并且还能够对其进行调整。.

首先，让我们选择我们在 选择图库 下创建的图库。

我们之前创建的图库将自动加载到页面构建器中区块的下方。.

这里显示的是我们在图库管理器中选择的 Masonry 主题，让我们来看看可以直接从区块设置中选择的主题中所有可用的选项。.

Masonry

一个非常好的主题，几乎可以完美适配每个页面，让我们能够展示许多图片。.

默认

这个主题让我们能够以经典方式展示图片，并同时显示图片标题。.

作品集

这使我们能够以类似于默认主题的方式展示图片，但使用另一种字体，非常适合展示艺术作品。.

幻灯片

经典滑块，让我们可以在每张幻灯片中聚焦少量图片。.

流动幻灯片

与滑块主题类似，但使用了另一种动画，每张幻灯片聚焦于一张图片，同时允许我们预览其他图片。.

方格网格

经典图库，采用方形图片，鼠标悬停时显示图片标题。.

材质

一个非常棒的主题，让我们能够展示带有漂亮阴影和标题的方形图片。.

自定义网格

网格主题允许我们调整图片大小，使其呈现我们想要的效果，当我们想要创建具有自定义图片尺寸/大小的图库时，这是最佳选择。让我们快速看看它在图库管理器中的工作方式。.

现在让我们看看左侧菜单中所有画廊的可用选项。.

首先，我们有 图库导航，启用此选项将允许使用 WP Media Folder Gallery 插件中提供的导航图库，这使我们能够使用父图库和 WP Media Folder 子图库 ，您可以在此处查看工作演示 这里

作为第二个选项，我们有 显示图片标签，当图库中有许多图片，并希望允许用户在前端使用 WP Media Folder 的标签系统进行筛选时，这个选项非常有用。

接下来，我们有 主题选择器 ，它允许我们在可用主题（之前展示过的）之间进行选择，并且还会根据所选主题显示特定设置，例如布局以及滑块过渡时长。

我们可以继续查看，会发现 选择图库 选项，它允许我们在媒体图库管理器中创建的所有图库之间进行选择。

图片尺寸，此选项允许我们在所有可用的图片尺寸中进行选择，让我们可以调整图片，使其外观和尺寸完美契合我们的内容。

 灯箱尺寸 选项允许我们像设置图片尺寸一样，选择在点击时作为操作显示的灯箱尺寸。

我们还将拥有 点击操作 ，它允许我们选择是显示一个放大的图片灯箱、跳转到另一个页面，还是在点击图片时什么都不做。

最后一个选项是排序设置，在这里我们可以查看并选择希望如何在图库中展示图片。.

当然，除此之外，我们还可以设置图片之间的边距、更改悬停颜色、添加边框和阴影。.

如您所见，使用 Elementor 来微调我们的 WP Media Folder 画廊并使其适配我们的页面真的非常容易！

使用媒体文件夹创建快速图库

作为一个额外话题，我们将展示如何在几秒钟内使用 WP Media Folder 创建的文件夹来创建画廊。.

此功能还允许我们在图像添加到文件夹时自动将其添加到图库中。.

首先，转到 Media Folder Gallery 下的 Media Library ，我们之前在这里创建了画廊，在此页面上将鼠标悬停在  + Add New Gallery 按钮上，然后点击 Create Gallery from folder。

将显示一个文件夹浏览器，我们可以在其中选择要使用的文件夹。.

点击 创建后，文件夹中的图像将自动加载到图库中，让我们只需几秒钟即可创建图库！

当图片被添加到我们刚刚选择的同一文件夹中的媒体库时，我们还能自动添加这些图片，从而省去前往图库管理器手动添加图片的时间。.

要使用此选项，应启用 自动将图片添加到文件夹 ，该选项位于右上角，就在 保存 按钮下方。

魔法完成了！文件夹同时也是图片，会自动在前端显示，我们还能要求什么呢？ :) 

开始将 WP Media Folder 与您喜欢的构建器一起使用

我们还有一个视频逐步讲解所有内容，让你可以看到插件的实时运行，快来看看吧！

一款功能强大的插件，不仅能让我们创建图库，还能整理媒体文件， 从 Google Photos 导入 ，并将其卸载！ 

兼容所有主流构建器，只需几步即可让我们以最专业的方式组织和展示媒体，那你还等什么？立即前往 这里 获取吧！