josheli

A simple, no-frills solution to display a Google Photos album on your site using a widget or a shortcode. There is only one layout option: grid. There is only one required attribute: album url. That’s it, that easy. <a href="https://josheli.com/knob/2017/11/21/simple-google-photos-a-wordpress-plugin/" rel="nofollow ugc">See a demo and read more about the plugin</a>. The code is also <a href="https://github.com/datvance/simple-google-photos-grid" rel="nofollow ugc">available on Github</a>.
<h3>Notes</h3>
Your album on Google Photos must be “public”, which means you need to go into Google Photos on the web and set “Sharing options” to on, i.e. “Anyone with the link can see these photos and the people who’ve been invited or joined.”
Requires curl or similar to fetch the photo urls.
No support is provided. Probably no features will be added. You are free to ask, or to fork. Pull requests accepted.
<h3>Widget</h3>
Go to Appearance -> Widgets and a new widget named Simple Google Photos Grid should be available to use. Drag to your desired widget area and configure.
<ul>
<li>Title: Heading of the widget on your site. Default to empty.</li>
<li>Album URL: The full URL to your public gallery on Google Photos. URL must use one of the following domains: ‘photos.app.goo.gl’ or ‘photos.google.com’. Ideally should be the short, “shared” link (such as https://photos.app.goo.gl/G8EOLs5YtESchh4g1z).</li>
<li>Num Photos to Show: Even numbers probably work best. There’s a maximum number, not sure what it is, but it’s pretty low.</li>
<li>Num Photos per Row: How many photos to show per row? Probably some number that works well with Num Photos.</li>
<li>Cache Interval (in minutes): How long to cache photo URLs before checking the album on Google again. 0 for no cache.</li>
</ul>
<h3>Shortcode</h3>
Place the shortcode in a post, page or theme. 
 [simple_google_photos_grid album-url=”https://photos.app.goo.gl/G8EOLs5YtESchh4g1″]
Available attributes are: 
– album-url: (required) the url to a public Google Photos album, domain must be one of ‘photos.app.goo.gl’ or ‘photos.google.com’ 
– number-photos: (optional) number of photos to display, defaults to 4 
– number-photos-per-row: (optional) number of photos per row, defaults to 2 
– cache-interval: (optional) length, in minutes, to cache the photo urls retrieved from Google, defaults to 15
<pre><code>[simple_google_photos_grid album-url="https://photos.app.goo.gl/G8EOLs5YtESchh4g1" number-photos="6" number-photos-per-row="3" cache-interval="120"]
</code></pre>

Simple Google Photos Grid


I am not sure why this plugin has not gotten more attention. I have searched for a similar plug that would take third-party images (Google Photos) and create a gallery.  Few offer it and those that do, are quite proud of their plugin ($$$).   Yes, the gallery isn't great and I wish it would open the images in a lightbox, but I am extremely please with the plugin. My server is getting approching capacity and this plugin keeps a gazillion photos off of it. Thanks for the plugin. I sure wish you'd consider updating it!






Not perfect, but it does the job ... free also!

Provides a widget and shortcode to display photos from a public Google Photos album in a simple grid.

pavex

This plugin requires a shared Google Photos album link to view photos using gallery/player or carousel. This widget is free to use for WordPress users.
It is very easy to use. Just write a shortcode to your post and include a link of shared Google Photos album as a parameter. Instead of shortcode, html code with links to the photo will be inserted and it will be decorated using Public album javascript.
<h3>Example</h3>
<pre><code>[embed-google-photos-album link="https://photos.app.goo.gl/CSV7NDstShTUwUZq5"]

[embed-google-photos-album link="https://photos.app.goo.gl/CSV7NDstShTUwUZq5" mode="carousel"]

[embed-google-photos-album link="https://photos.app.goo.gl/CSV7NDstShTUwUZq5" mediaitems-cover="true"]

[embed-google-photos-album link="https://photos.app.goo.gl/CSV7NDstShTUwUZq5" background-color="#007acc"]
</code></pre>
<ul>
<li>link – [string] public link of Google Photos album</li>
<li>mode – [carousel | gallery-player] setup decorator mode, default id <code>gallery-player</code></li>
<li>width – [int | ‘auto’] set widget width in pixel or “auto” to stretch to 100%</li>
<li>height – [int | ‘auto’] set widget height in pixels or “auto” to stretch to 100%</li>
<li>image-width – [int] image max-width in pixels, default is 1920</li>
<li>image-height – [int] image max-height in pixels, default is 1080</li>
<li>autoplay – [true | false] start slideshow in normal view (currently not allowed by decorator)</li>
<li>delay – [true | false] slideshow delay in seconds, default is 5 seconds.</li>
<li>repeat – [true | false] Enable or disable repeat slideshow, delfault is <code>true</code></li>
<li>mediaitems-aspectration – [true | false], Keep asspect ration of images delfault is <code>true</code></li>
<li>mediaitems-enlarge – [true | false], Turn on/off image enlarge, delfault is <code>true</code></li>
<li>mediaitems-stretch – [true | false], Tunr on/off image stretch, delfault is <code>true</code></li>
<li>mediaitems-cover – [true | false], Cover full canvas. Combine with aspect ratio parameter. Delfault is <code>false</code></li>
<li>background-color – [#RRGGBB | transparent], Setup background color to RGB or transparent. Default is <code>#000000</code></li>
<li>expiration – [int] setup expiration timeout in secons; default is 0; min. custom value is 86400s (experimental property)</li>
</ul>
This widget, unsupported some features like a picture’s timestamp and captions. For a more detailed description of the component, go to <a href="https://www.publicalbum.org/blog/wordpress-google-photos-album-plugin" rel="nofollow ugc">WordPress Google Photos album plugin</a>.
In some cases, it may be better to use the following code directly in the template.
<pre><code><?php
 echo (new Pavex_embed_google_photos_album()) -> getcode(
 'https://photos.app.goo.gl/CSV7NDstShTUwUZq5', 0, 480, 1920, 1080
 );
?>
</code></pre>
<h3>How do I update my album?</h3>
The album will update automatically as soon as you save or update your post.
<h3>Javascript decorator</h3>
External javascript decorator is stored on CDN and loading and running of them is optimized for performance.
Javascript widget can be used without photos from Google photos. Detailed information on how to use javascript is available in one of older posts about <a href="https://www.publicalbum.org/blog/carousel-slideshow-gallery-widget-july-update" rel="nofollow ugc">carusel slideshow</a> on my blog.
<h3>About Public album photo sharing website</h3>
Public album is now a <a href="https://www.publicalbum.org/blog/photo-sharing-website" rel="nofollow ugc">photo sharing website</a> and service for sharing short photosets available in single user profile.
The service can also be used as an alternative to <a href="https://www.publicalbum.org/blog/public-google-photos" rel="nofollow ugc">public Google Photos</a>. It is very suitable for the blogs focused mainly on photos. For example, a photoblog or a <a href="https://www.reabr.com" rel="nofollow ugc">online bookmark manager</a>.
<h3>Important links</h3>
<ul>
<li>Public album sharing website <a href="https://www.publicalbum.org" rel="nofollow ugc">https://www.publicalbum.org</a></li>
<li>Blog <a href="https://www.publicalbum.org/blog" rel="nofollow ugc">https://www.publicalbum.org/blog</a></li>
<li>Facebook <a href="https://www.facebook.com/publicalbumapp" rel="nofollow ugc">https://www.facebook.com/publicalbumapp</a></li>
<li>Reabr.com <a href="https://www.reabr.com" rel="nofollow ugc">online bookmark manager</a></li>
</ul>

Embed Google Photos album


Followed instruction to the tee but there were no images created for me!



Was hopeful, but expected it would not live up to my anticipation!


No images - Does not work

Embed Google Photos album using Player widget.

Simple Google Photos Grid vs Embed Google Photos album