使用 Elementor 的最佳画廊经理创建令人惊叹的画廊

页面构建器和画廊在 WordPress 网站的大部分时间里都很重要，因为画廊允许您以良好的方式展示图像/产品，而页面构建器允许您专业地创建和添加内容到您的页面。

像 Elementor 这样的页面构建器通常具有用于创建画廊的工具/块，但这些并不是最好的，因为它们没有太多自定义选项，但不用担心，因为WP Media Folder会在这方面帮助您;)

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

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

视频中带有 Elementor 小部件的画廊

 设置 WordPress Google 相册集成

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

现在我们知道了，让我们开始吧，我们将从 Google 相册创建图库，为此，我们必须将我们的 WordPress 网站连接到我们的 Google 相册帐户，让我们看看如何做到这一点。

首先，我们需要一个谷歌开发应用程序，去这里：https://console.developers.google.com/project 并创建一个新项目。

给项目添加一个名字，你可以添加任何你想要的。

现在等待创建项目。

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

现在，在搜索框中，输入Photos Library API并进行搜索。

单击它，然后单击Enable 。

现在它已启用，单击左侧菜单中的“API 和服务”，在此面板上，转到Credentials 。

既然您在这里，在顶部面板中，转到+ Create Credentials > OAuth client 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 同意屏幕选项卡 > 编辑应用程序。

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

还将其添加到域验证部分。

并做了！ 您将获得要添加到WP Media Folder的配置中的 ID 和 Secret :)

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

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

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

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

就是这样，非常简单快捷，不是吗？ :)

 Elementor + Gallery 插件，最佳组合

现在我们完成了连接，转到Media > Media Folder ，在此部分中，单击+ Add New Gallery并为您的新画廊命名，对于教程，我们将其命名为Google P Gallery ，而且，我们是将使用Square Grid画廊。

现在，您将拥有设置图片并将其添加到图库的所有选项，您将看到Google 照片徽标，单击它。

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

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

等待几分钟，大功告成！ 您将在图库仪表板中看到所有上传的图像，您可以进行所有修改，例如选择新图库。

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

完成图库设置后，单击Save ，然后，您可以转到要添加图库的页面/帖子，然后单击Edit with Elementor，以便加载页面 Builder。

现在选择要添加画廊的部分并查找WP Media Folder 块。

一个是你能看到，有4个可用块，在本教程中，我们将使用一个名为WP Media Folder画廊附加组件，这将载入画廊附加组件在页面生成器。

将块移动到该部分后，您将看到一个预览选项，并且在左侧，选择画廊的选项，选择我们之前创建的画廊。

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

就是这样！ 您只需点击几下即可创建专业图库，并直接从页面构建器进行配置：)

 使用 Elementor 在 WordPress 中创建 Google Drive Gallery

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

在此示例中，我们将使用Google Drive连接，您可以在此处查看如何连接，您会注意到该过程与 Google Photos 连接非常相似:)

设置好并同步/创建 Google Drive 文件夹后，您可以转到要编辑的页面/帖子，然后单击Edit with Elementor 。

在左侧部分查找WP Media Folder部分，然后单击WP Media Folder Gallery块。

现在，单击+ 。

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

这将直接使用来自云端的图像创建一个图库，因此添加它后，您可以在左侧部分设置图库设置，并在右侧部分检查图库的预览，以便编辑和检查画廊是否看起来像我们想要的:)

现在您可以利用WP Media Folder的强大功能创建画廊，使用 Elementor 以一种非常简单的方式，并且使用 Google Drive 节省存储空间，您还能要求什么？ :)

 开始使用最好的 WordPress Gallery 插件

WP Media Folder的一些功能，正如您所看到的，它使事情变得比应有的方式更容易，而且现在有了新的主题和界面！ 你还在等什么？ 去这里获得你自己的会员资格，你会发现有比这篇文章中显示的更多的画廊和很多很棒的工具:)