跳至主要内容
9分钟阅读时间 (1818字)

如何使用Google Drive媒体创建WordPress画廊

JU_NEWS_google-drive-media-
在WordPress中创建画廊通常需要大量存储空间和复杂的媒体管理过程。但是,如果您可以将WordPress与Google Drive连接,直接从云中管理画廊呢? 

我们将看看使用Google Drive创建WordPress画廊的一种方便方法,这完全可以通过WP Media Folder实现,它允许您直接从Google Drive访问媒体,而无需占用服务器空间。

告别混乱的媒体库。.

WP Media Folder允许您对文件进行分类,将文件夹与云存储同步,创建令人惊叹的画廊,甚至可以在不破坏链接的情况下替换图像。
优化您的媒体工作流程

立即获取插件

将Google Drive连接到您的网站

本教程的第一步是将Google Drive与您的网站连接,您将看到它有多么容易,首先,您需要云插件来自WP Media Folder,这就是将允许您将网站与Google Drive连接的原因。

现在我们已经安装了WP Media Folder云插件,我们可以开始进行设置,为此,有两个选项,手动自动,那么让我们来解释一下它们。

为了开始设置,请转到设置 > WP Media Folder > 云 > Google Drive。在这里,您将能够选择驱动器类型

  • 个人驱动器:您的个人账户。
  • 共享云盘:您的Gsuite账户。

然后为您的图片选择链接类型:

  • 公共链接:为您的文件生成一个公共可访问的链接,并影响云文件的适当权限(共享链接)。例如:https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
  • 私有链接:AJAX链接,隐藏云链接以保持您文件的原始访问权限(用户需要登录才能查看图片)。例如:https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

然后,继续进行连接:

首先,为了使用此功能,您必须在菜单设置 > 常规中关联您的Joomunited账户,如果尚未连接,请点击WordPress设置链接。

完成此操作后,返回设置 > WP Media Folder > 云 > Google Drive,选择自动模式,然后点击连接Google Drive

按照步骤连接您的Google账户,就是这样,您已经连接了您的网站 :)

真的很容易和快捷,不是吗?

手动模式:首先,您需要创建一个Google Dev APP来将其连接到您的网站,为此,请 点击这里 并创建一个 创建项目

然后,选择项目名称和位置。.

如果这是您第一次使用 Google Drive API,请前往 API和服务 > 库,查找 Google Drive API 并点击 启用

现在您已经启用了它,让我们创建密钥来连接您的WordPress网站,请再次前往左侧菜单并点击 API和服务 > 凭据

点击 + 创建凭据 > OAuth 客户端 ID,如果需要,请在 OAuth 同意屏幕上添加名称。

在应用程序上,您可以选择 网页应用,并添加您选择的名称,对于其他参数,请使用以下内容:

  • 授权的 JavaScript 来源:https://your-domain.com(替换为您的域名,不带斜杠)
  • 授权的重定向 URI:https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
    (替换为您的域名)

请注意,如果出现此警告:“要创建 OAuth 客户端 ID,您必须先在同意屏幕上设置产品名称”,您应该点击配置同意屏幕按钮或前往 API 和服务 >> OAuth 同意屏幕,然后在授权域中添加您的域名。.

首先,您需要选择用户类型

您可以在以下之间选择:

  • 内部:您的应用程序仅限于组织内的 G Suite 用户。
  • 外部:您的应用程序将可供任何拥有 Google 帐户的用户使用。
选择后,您可以返回到选择应用程序类型的另一个屏幕以完成设置,这样就完成了!您将拥有ID密钥以完成WP Media Folder设置 :)

最后一步,前往设置 > WP Media Folder > 云 > Google Drive,并选择手动模式。在此屏幕上,您将看到添加客户端密钥和客户端 ID 的选项,基本上,将它们粘贴到那里,然后点击连接 Google Drive

允许 WP Media Folder 访问应用程序,仅此而已!您将拥有已连接的Google帐户。

让我们创建WordPress云画廊

现在我们已经将Google Drive连接到我们的媒体库,连接将非常简单,它将在您的Google Drive帐户中生成一个根文件夹,所有在那里添加的媒体/文件夹将出现在您的媒体库中的Google Drive文件夹下,并且所有添加到媒体库中的媒体/文件夹(位于Google Drive文件夹下)将出现在您的Google Drive帐户中。.

那么让我们开始创建画廊,为此,请转到您的 媒体库 > Google Drive,您可以添加一个新文件夹以保持有序,例如,我们添加一个名为 画廊 的新文件夹用于本教程。

在那里上传图片,您将看到它们反映在 Google Drive 中。.

让我们继续最有趣的部分,创建画廊!为此,请转到文章/页面 > 添加新页面(或编辑已创建的页面)。

我们将使用 Gutenberg 编辑器,但您也可以使用其他任何页面构建器,因为它们都与 WP Media Folder 兼容 ;)

现在我们在这里,点击 + > WP Media Folder画廊

这将显示所有可用的文件夹,包括来自 Google Drive 的文件夹,我们将选择创建的名为 画廊 的文件夹,然后点击 创建画廊

您将看到主题的预览,可以在右侧面板中更改它。.

主题预览:

默认

Masonry

投资组合

滑块

正如你所看到的,它非常简单,只需选择图片、主题并发布即可,还有其他选项可以让你根据自己的意愿调整画廊,比如顺序、点击动作和Lightbox尺寸。.

你可以在服务器上确认这些图片不存在,因为它们只托管在Google Drive ;)

使用画廊插件创建专业画廊

当你想创建画廊时的另一个选择是使用画廊插件,这个很棒的插件为你提供了更多的画廊主题和编辑选项,通过一个界面来自定义它们,然后再发布。

您可以通过前往 媒体 > 媒体文件夹库 找到它,在此界面,点击 +添加新库 并设置库选项,您可以为库选择一个名称,还可以选择您要使用的库主题。

选择名称、库级别和库主题,然后点击 创建

现在,您可以在这里看到所有可用于添加图像的选项。对于这种情况,我们将使用Google Drive附加组件,选择WordPress图标。.

这将打开媒体库,我们将选择之前创建的Google Drive文件夹,在本例中,称为画廊,并选择要添加到画廊的所有图像,最后,点击导入

您将在此屏幕上看到图像,以便您可以重新排序,设置图像为封面,或更改特定图像的设置,如alt名称和标题:)

所以现在,我们要做的就是选择画廊,调整它以适应您的内容,确认您的画廊预览并保存!

显示设置和短代码上,您可以设置:

  • 主题
  • 画廊图像大小
  • 灯箱大小
  • 点击操作(打开新页面或灯箱)
  • 排序
  • 导航设置(如按钮和按钮大小)

您也可以从此屏幕复制短代码,如果您想在每个页面构建器中使用它,而不是使用预定义的块。.

现在最后一步是预览图库以确认一切正常,这可以在第三个选项卡中完成,称为预览

附加组件提供的额外主题如下:

流式幻灯片

方形网格

材料

现在您已经选择了主题并完成了设置,您可以继续发布图库,为此,请转到您的帖子/页面并编辑它,对于Gutenberg编辑器,请单击+ > WPMF图库附加组件。

点击 选择或创建画廊,这将加载画廊插件仪表板,以便您可以选择画廊,或直接从那里创建一个新的,查看预览,然后点击 插入

现在插入您的画廊,最后,发布它!正如您所看到的,画廊插件比普通画廊提供了更多的可能性,就像进入下一个层次一样 :)

呼唤所有网站管理员!

使用WP Media Folder节省时间和提高生产力。轻松组织客户媒体文件,创建自定义画廊,并提供无缝的用户体验。
立即升级您的网站项目!

立即获取插件

在WordPress中创建您的第一个Google Drive画廊

通过利用Google Drive进行WordPress画廊并创建更高效、更有条理的媒体工作流程,您可以节省服务器空间。WP Media Folder 提供了一个简单灵活的选项,可以创建直接连接到Google Drive的画廊,具有吸引人的主题和显示控制,以及诸如 添加来自流媒体服务的远程视频

那么,您准备好将您的网站提升到下一个水平了吗?今天就在WordPress中与Google Drive一起创建您的第一个画廊,享受更简单、更专业的媒体管理体验!

保持信息畅通

当您订阅博客时,我们会在网站有新更新时发送电子邮件给您,这样您就不会错过它们。.

相关文章

 

评论

没有评论,请留下您的第一条评论
已经注册?在此登录
星期四,2026年3月05日

验证码图片