How to include externally hosted images into a gallery block

IT Nursery

May 13, 2022

WordPress has a really great native gallery function. The only downside I find is that it requires you to have the images on your domain.

We have a blog for fun, and a very cheap hosting plan. Which is limited in storage, now when we want to increase the storage it comes at a hefty price.

Google photo’s will host our images for free, so I was planning on embedding the images directly from there. However the native Gallery offers no option to include images from an external source, as far as I can tell. I can include them using a single image block, or with tweaking the HTML ofcourse.

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 Answers
2

You can used this plugin Photonic for your requirement

Photonic doesn’t just cover Google Photos – it allows you to add images from a range of services.

Like the previous plugin, you’ll need to create API keys and authenticate with your Gooogle account in order to use it.

Once you do, you are ready to add a gallery.

As with the previous plugin, the photos are not added to your Media Library.

If you are not using the Block Editor

Click the Add/Edit Photonic Gallery button above the post editor.
Select Google Photos as the source.
Select Multiple Photos, Photos from an Album or Multiple Albums.
Filter the content if you want.
Choose a gallery layout.
Edit your gallery. For example, you may want to limit the size of the photos displayed in the lightbox.
Use the Insert Gallery button to insert your gallery.
Save the post and view it to see the gallery.