如何将外部托管的图像包含到图库块中

时间：2021-01-08 作者：Luuklag

WordPress有一个非常棒的本地库功能。我发现唯一的缺点是，它要求你在你的域中有图像。

我们有一个有趣的博客，还有一个非常便宜的托管计划。这在存储方面是有限的，现在当我们想要增加存储时，它的价格很高。

Google photo将免费托管我们的图像，所以我计划直接从那里嵌入图像。然而，据我所知，本机图库没有提供包含来自外部源的图像的选项。我可以使用单个图像块来包含它们，当然也可以通过调整HTML来包含它们。

Is there a way to include externally hosted images in a gallery block, or an easy way to edit the HTML for such a gallery to work with external images?

2 个回复
最合适的回答,由SO网友:HK89 整理而成

您可以根据自己的需要使用此插件

Photonic 不仅仅包括谷歌照片，它还允许您从一系列服务中添加图像。

像前面的插件一样，您需要create API keys and authenticate with your Gooogle account 为了使用它。

完成后，即可添加图库。

与之前的插件一样，照片不会添加到媒体库中。

如果未使用块编辑器，请单击后期编辑器上方的“添加/编辑光子库”按钮。enter image description here

选择谷歌照片作为源。

选择多张照片、相册中的照片或多张相册中的照片。

如果需要，请过滤内容。

enter image description here

enter image description here

使用“插入图库”按钮插入您的图库。

保存帖子并查看以查看图库。

如果使用块编辑器，请从窗口小部件部分添加光子库块。

enter image description here

enter image description here

例如：

FlickrSmugMug谷歌照片InstagramZenfolio

enter image description here

SO网友:Tony Djukic

您想做的事情已经被放入WordPress中，但只是不经常使用。

在经典或块编辑器中，单击以添加图像。

WordPress Image Block

一旦你有了块，而不是上传或拉从现有的图像在您的媒体库，点击Insert from URL.

WordPress Image Block Insert from URL

现在只需从提供图像的任何位置粘贴URL即可。只需再次检查并确保您可以从谷歌热链接图像。

UPDATED WITH GALLERY METHOD:

将外部托管的图像添加到库中需要一些解决方法。。。您希望在媒体库中有一些“占位符图像”。首先将这些占位符添加到库中，然后用HTML编辑块，并用外部托管图像的URL替换占位符的URL。

Standard add images to gallery.

因此，我使用标准的WP方法将图像添加到库中。

Edit Block as HTML

接下来，我单击三个垂直点，以；显示更多“；阻止设置并选择Edit as HTML.

一Standard add images to gallery.旦看到HTML，我会做一些事情，然后清除所有多余的东西，比如指定占位符附件ID的类以及我觉得不需要的任何其他东西。但最重要的是我改变了src 通过粘贴外部托管图像的URL，为图像设置属性。这两张照片我都是这么做的。

然后，我使用；显示更多设置；。

The Gutenberg visual preview.

在可视化编辑器中，您可以看到这两个图像现在都可见。然后我更新/发布/另存为草稿，当我查看网站前端时。。。瞧！

Works like a charm when you test on the front end.

标签： images   block-editor   gallery   hosting   小码农  

相关推荐

Images with overlay

我有一些图片在一个容器中，我想添加一个覆盖和图标。这不是现成的，但我找到了一些有用的代码：HTML：<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS：.featured {