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

页面构建器和画廊大部分时间对于 WordPress 网站来说非常重要，因为画廊允许您以良好的方式展示图像/产品，页面构建器允许您专业地创建和添加内容到您的页面。.

像Elementor这样的页面构建器通常具有创建画廊的工具/块，但这些不是最好的，因为它们没有很多选项来自定义它们，但不要担心，WP Media Folder

WP Media Folder 为您提供了一个画廊插件，允许您使用壮观的工具和功能在您的画廊中创建和自定义画廊。.

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

Elementor视频中的画廊小部件

设置WordPress Google Photos集成

首先，我将向您介绍我们将在本教程中使用的插件，它们是Elementor、 WP Media Folder和2个Pro插件（一个用于画廊，另一个用于云连接）。.

既然我们知道了，就让我们开始吧，我们将从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
  

请注意，谷歌已经改变了他们的政策，因此您需要在OAuth 权限屏幕标签 > 编辑应用

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

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

完成！您将获得您的 ID 和密钥，以便在 WP Media Folder的配置中添加 :)

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

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

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

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

就这样，真的很容易也很快速，不是吗？:)

Elementor + Gallery Plugin，最佳组合

现在我们已经完成了连接，请转到媒体 > 媒体文件夹库，在本节中，点击+ 添加新库并为您的新库命名，在本教程中，我们将其命名为Google P 库，此外，我们还将使用正方形网格库。

现在，您将拥有所有设置和添加图像到您的画廊的选项，您将看到Google Photo标志，点击它。

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

您将看到有关相册导入的通知。.

等待几分钟，然后完成！您将在画廊仪表板中看到所有上传的图像，您可以进行所有修改，例如选择新的画廊。.

现在，您可以转到显示设置和短代码选项卡，以完全自定义您的画廊，您可以设置诸如顺序、列数和点击操作等。

完成画廊设置后，点击保存，然后，您可以转到要添加画廊的页面/文章，并点击使用Elementor编辑，以便加载页面构建器。

现在选择要添加库的部分，然后查找WP Media Folder块。

正如你所看到的，这里有4个可用的区块，在本教程中，我们将使用名为 WP Media Folder 图库插件的区块，这将在页面构建器中加载图库插件。

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

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

就这样！您只需点击几下就创建了一个专业的画廊，并直接从页面构建器配置了它：)

使用Elementor在WordPress中创建Google Drive画廊

 此外，我们将看到如何使用云中的图像创建画廊，因为 WP Media Folder 允许您将媒体库与云服务（Dropbox，Google Drive， OneDrive和AWS）连接。.

在这个例子中，我们将使用谷歌云盘连接，您可以查看如何连接它这里，您会注意到这个过程与谷歌相册的连接非常相似：）

当设置完成后，您同步/创建Google Drive文件夹后，可以转到要编辑的页面/文章，然后点击使用Elementor编辑。

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

现在，点击+在“添加图像”部分。

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

这将创建一个直接从云端使用图片的画廊，因此添加后，您可以在左侧部分设置画廊设置，并在右侧部分查看画廊的预览，这样将很容易编辑和检查画廊的外观是否符合我们的要求：）

现在您可以使用 WP Media Folder的功能轻松创建画廊，使用Elementor也可以轻松实现，同时还能使用Google Drive节省存储空间，您还能要求什么呢？ :)

开始使用最佳 WordPress 画廊插件

在这篇文章中，我们只介绍了WP Media Folder的一些功能，而且，如您所见，它使事情变得比应有的容易得多，现在拥有新的主题和界面后，功能更加强大！那么您还在等什么？请点击此处获取您的会员资格，您将看到比这篇文章中显示的更多画廊，以及许多非常棒的工具：）