跳到主要内容
阅读时间 9 分钟 (1796 字)

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

JU_NEWS_google-drive-media-

画廊是网站最重要的部分之一,因为它是展示您的媒体的最专业的方式,让您的用户在访问您的网站时获得良好的视觉体验,众所周知,创建画廊的方法太多了,例如就像使用插件一样,但是直接从云端为它们提供服务呢? WP Media Folder完全有可能,你会在这篇文章中看到如何做到这一点;)

 在视频中将 Google Drive 连接到 WordPress

告别凌乱的媒体库。

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

立即获取插件

 将 Google Drive 连接到您的网站


本教程的第一步是将 Google Drive 与您的站点连接,您将看到它是多么容易,首先,您将需要来自WP Media FolderCloud Addon ,它将允许您将站点与谷歌云端硬盘。

现在我们已经安装了WP Media FolderCloud Addon ,我们可以开始设置,为此,有两个选项,手动自动,让我们来解释一下。

为了开始设置,请转到Settings > WP Media Folder > Cloud > 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


然后,继续连接:

首先,要使用此功能,您必须在菜单设置 > 常规如果您尚未连接,请点击 WordPress 设置链接。

完成此操作后,返回Settings > WP Media Folder > Cloud > Google Drive ,选择Automatic Mode ,然后选择 Connect Google Drive



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



真的很简单快捷,不是吗?

手动模式:首先,您需要创建 Google Dev APP 以将其与您的站点连接,为此,请到此处创建一个Create Project



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



如果是第一次使用Google Drive API ,请转到APIs & Services > Library ,查找Google Drive API并单击Enable



现在您已经启用它,让我们创建连接您的 WordPress 站点的密钥,再次转到左侧菜单,然后单击API & Services > Credentials



单击+ Create Credentials > OAuth Client ID ,如果需要,请在您的 OAuth 同意屏幕中添加一个名称。



在应用程序上,您可以选择Web Application ,并添加您选择的名称,其他参数使用以下内容:

  • 授权的 JavaScript 来源:https://your-domain.com(替换为您的域名,尾部没有斜杠)
  • 授权重定向 URI :https:
    (替换为您的域名)


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

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



您可以选择:

  • 内部:您的应用仅限组织内的 G Suite 用户使用。
  • 外部:任何拥有 Google 帐户的用户都可以使用您的应用。
选择后,您可以返回选择应用程序类型完成设置,就完成了! 您将拥有完成WP Media FolderIDSecret :)


作为最后一步,转到Settings > WP Media Folder > Cloud > Google Drive ,然后选择手动模式,在此屏幕中,您将看到添加客户端密码和客户端 ID 的选项,基本上,将它们粘贴到那里并单击在连接 Google Drive



允许WP Media Folder访问 APP,仅此而已!
您将连接 Google 帐户!


 让我们创建 WordPress 云画廊


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

因此,让我们从创建图库开始,为此,转到您的媒体库 > Google 云端硬盘,您可以添加一个新文件夹以保持井井有条,例如,我们添加一个名为Gallery在本教程中使用。

在那里上传图像,您会看到它们反映在 Google 云端硬盘上。



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

我们将在这种情况下使用古腾堡编辑器,但您可以使用任何其他页面构建器,因为它们都与WP Media Folder兼容;)

现在我们到了,点击+ > WP Media Folder Gallery



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



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



主题预览:

默认



Masonry



文件夹



滑块



如您所见,只需选择图像、主题并发布它,还有其他选项,因此您可以根据需要调整画廊,例如顺序、点击操作和灯箱大小。

您可以在服务器中确认图像不存在,因为这些图像仅托管在Google Drive;)


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


当您想要创建画廊时,另一个选项是使用Gallery Addon ,这个很棒的插件为您提供了更多画廊主题和选项,可以使用界面对其进行编辑,以便在发布之前对其进行自定义。

您可以通过转到媒体 > 媒体文件夹画廊,在此屏幕上,单击+添加新画廊并设置画廊选项,您可以为画廊选择一个名称,还可以选择您要去的画廊主题使用。



选择名称、画廊级别、画廊主题,然后单击“创建”

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



这将打开Media Library ,我们将选择我们之前创建的 Google Drive 文件夹,在本例中称为Gallery ,然后选择要添加到图库的所有图像,最后单击Import



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



所以现在,我们所要做的就是选择图库,调整它以适合您的内容,使用预览确认您的图库并保存!

Display settings & Shortcode上,您可以设置:

  • 主题
  • 画廊图像大小
  • 灯箱尺寸
  • 单击操作(打开新页面或灯箱)
  • 订购
  • 导航设置(如按钮和按钮大小)


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

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

插件的额外可用主题如下:

流动幻灯片



方格



材料



现在您已经选择了主题并完成了设置,您可以继续发布图库,为此转到您的帖子/页面并对其进行编辑,对于 Gutenberg 编辑器,然后单击+ > WPMF Gallery Addon。



单击Select 或 Create Gallery ,这将加载画廊插件仪表板,以便您可以选择画廊,或者直接从那里创建一个新画廊,检查预览,然后单击Insert



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


呼吁所有网站管理员!

WP Media Folder节省时间并提高工作效率。 毫不费力地组织客户端媒体文件,创建自定义画廊,并提供无缝的用户体验。
立即升级您的网站项目!

立即获取插件

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

这只是WP Media Folder插件可以找到的很棒的功能之一,还有许多其他功能,例如从流服务添加远程视频!

正如您在帖子中看到的那样,这是一篇非常易于使用且有用的帖子,可以让您的网站更上一层楼! 你还在等什么? 去这里并立即获得您的会员资格!

1
随时了解情况

当您订阅博客时,当网站上有新的更新时,我们会向您发送一封电子邮件,这样您就不会错过它们。

相关文章

 

注释

暂无评论。 成为第一个提交评论的
已经登记了? 在此登录
2024 年 4 月 27 日星期六

验证码图片