使用 Elementor 的最佳图库管理器创建令人惊艳的图库

页面构建器和图库在大多数情况下对 WordPress 网站至关重要，因为图库可以让你以良好的方式展示图片/产品，而页面构建器可以让你专业地创建内容并将其添加到页面中。.

像 Elementor 这样的页面构建器通常都有创建图库的工具/模块，但这些工具/模块并非最佳选择，因为它们的自定义选项不多。不过别担心， WP Media Folder可以帮您解决这个问题 ;)

WP Media Folder 提供了一个图库插件，让您可以使用强大的工具和功能创建和自定义图库。.

在这篇文章中，我们将了解如何将它们与Elementor 、 Google Photos以及您的云文件夹，让我们开始吧！

视频中带有 Elementor 小部件的图库

设置 WordPress 与 Google Photos 的集成

首先，我来告诉大家本教程中使用的插件，它们是 Elementor、 WP Media Folder和 2 个 Pro Addons（一个用于图库，另一个用于云连接）。.

既然我们已经知道了，那就开始吧，我们将从 Google Photos 创建图库，为此，我们必须将我们的 WordPress 网站连接到我们的 Google Photos 帐户，让我们看看如何操作。.

首先，我们需要一个 Google 开发者应用，请访问：https://console.developers.google.com/project 并创建一个新项目。.

给项目添加一个名称，你可以随意添加任何内容。.

请稍等片刻，项目正在创建中。.

如果您是第一次使用此照片库 API ，则需要激活它。要激活它，请转到左侧菜单中的“市场”

现在，在搜索框中输入“照片库 API”并进行搜索。

点击它，然后点击“启用” 。

启用后，点击左侧菜单中的“API 和服务”，在此面板中，转到“凭据” 。

现在您已经来到这里，在顶部面板中，转到“+ 创建凭据”>“OAuth 客户端 ID” ，如果系统提示，请为您的 OAuth 同意屏幕添加名称。

现在，请按如下方式设置凭据：

• 选择“Web应用程序”，并添加您选择的名称。.
• 授权的 JavaScript 来源：https://your-domain.com（替换为您的域名，不带尾部斜杠）。.
  
• 已授权的重定向 URI：https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

请注意，Google 已更改其政策，因此您需要在OAuth 同意屏幕标签 > 编辑应用。

在“已授权域名”部分，点击“+添加域名”并添加您的域名。

同时将其添加到域名验证部分。

搞定！您将获得您的 ID 和密钥，需要将其添加到 WP Media Folder的配置中 :)

现在，让我们将您的 Google Photos 帐户连接到您的 WordPress 网站，为此，请转到“设置”> WP Media Folder >“云”>“Google Photos”选项卡。

您可以使用最简单的自动模式，因为您只需登录您的 Google 帐户即可。为此，请在“连接模式”中选择“自动”，然后连接 Google 照片。

将出现一个弹出窗口，点击“同意” 。

最后一步是登录您的 Google 帐户，授予权限，然后完成连接。.

就这么简单快捷，对吧？:)

Elementor + Gallery 插件，最佳组合

连接完成后，转到“媒体”>“媒体文件夹图库” ，在此部分，单击“+ 添加新图库” ，并为您的新图库命名。在本教程中，我们将其命名为“Google P 图库” ，并且我们将使用方形网格图库。

现在您将拥有设置和添加图片到图库的所有选项，您会看到Google Photos 的徽标，点击它。

这将加载一个弹出窗口，其中包含您 Google Photos 帐户中所有可用的图像，您可以选择一个相册中的多张图像或选择整个相册。在本教程中，我们将选择一个完整的相册，为此，请选择相册，然后选择“导入相册” 。

您将看到有关专辑导入的通知。.

稍等片刻，就完成了！您将在图库控制面板中看到所有已上传的图片，您可以进行所有修改，例如选择新的图库。.

现在，您可以前往“显示设置和短代码”选项卡，完全自定义您的图库，您可以设置顺序、列数和点击时的操作等。

完成图库设置后，点击“保存” ，然后您可以转到要添加图库的页面/文章，点击“使用 Elementor 编辑” ，页面构建器就会加载。

现在选择要添加图库的区域，然后找到WP Media Folder 积木。

如您所见，有 4 个可用的模块，在本教程中，我们将使用名为WP Media Folder Gallery Addon 的，这将在页面构建器中加载 Gallery Addon。

将模块移动到该部分后，您将看到预览选项，在左侧，您将看到选择图库的选项，选择我们之前创建的图库。.

在右侧部分，您将看到图库的预览，当您在左侧部分选择新选项时，它将自动更新，因此请检查它，确认一切正常，然后单击“发布” 。

搞定！只需点击几下鼠标，即可创建专业图库，并且可以直接在页面构建器中进行配置 :)

使用 Elementor 在 WordPress 中创建 Google 云端硬盘图库

 此外，我们还将了解如何使用云端图像创建图库，因为 WP Media Folder 允许您将媒体库与云服务（Dropbox、Google Drive、 OneDrive和 AWS）连接起来。.

在这个例子中，我们将使用Google 云端硬盘在这里查看连接方法，您会发现它与 Google 相册的连接过程非常相似 :)

设置完成后，同步/创建 Google 云端硬盘文件夹，即可转到要编辑的页面/文章，然后点击“使用 Elementor 编辑” 。

在左侧找到WP Media Folder部分，然后点击WP Media Folder图库模块。

现在，点击“添加图片”部分的“+”号

这将打开一个包含媒体库的弹出窗口，选择云文件夹，点击要添加的所有图像，最后创建新图库 > 插入图库。

这将使用云端图片直接创建一个图库，添加后，您可以在左侧设置图库参数，并在右侧预览图库效果，这样就可以轻松编辑并检查图库是否符合预期效果 :)

现在，您可以借助 WP Media Folder的强大功能，使用 Elementor 轻松创建图库，还能通过 Google Drive 节省存储空间，您还能要求什么呢？ :)

立即开始使用最佳 WordPress 图库插件

WP Media Folder的一些功能，正如你所看到的，它让一切变得比预期更加简单，尤其是在新主题和界面的加持下！还在等什么？点击这里注册会员，你会发现除了本文展示的图库之外，还有更多超棒的工具等着你 :)