Here’s an Dropbox example of using a screenshot of the gallery as well:
And here’s a screenshot / link to a Google Album:
See also: https://stefanfreelan.com/bikeracks/ – which was my earlier attempt. Creating photo galleries in WordPress (with some plugin or another) and then uploading photos and tagging photos and trying to keep everything updated… not worth it. (but did have better display)
Here’s a link to a folder of photos on dropbox https://www.dropbox.com/sh/mpwocgt72xpatkx/AADiYfYBIHKZQqa2kdrYI5yRa?dl=0 … Embed doesn’t work (by default) from WordPress… (see https://wordpress.org/support/article/embeds/)… Same for a single photo – can link to, but not embed… https://www.dropbox.com/s/io8csqe9ly7uyqx/Bates%20Sucia%20sunset.jpg?dl=0
Same for a Google Photos Album (and link to but not embed): https://goo.gl/photos/f6vrq2XvDZYTiVnRA
Tried ‘Dropbox Folder Share’ plugin – which works, but just gives a list of the files, shown as a list with thumbnails – no gallery options, etc.
There are other Dropbox plugins – the most appealing one being Out-of-the-box -which cost $36 (not sure if that is / year or one-time). Theorically it embeds a Dropbox FOLDER into wordpress. If so, that’d be great. I tried their Demo briefly and couldn’t figure it out. But probably works. Also, have to sign-in to Dropbox with the Plugin, so might be exposing / risking my entire dropbox account… (Used my sf2 dropbox account for testing…)
DROPBOX (linking to Folder – but not embedded):
- Already paying for it.
- File management is easy (stored in folders)
- If just link to the folder (and use the Dropbox gallery view) then don’t have to be logged in (just linking to a shared folder)
- View as grid or list – or open photo and manually advance
- Can add shortcut / link (in Dropbox folder) back to Home page
- Can see file names in the grid / list / photo views (for better and worse)
- Viewing interface if OK – a lot of dropbox elements on screen
- Have to copy / duplicate imaged if want to show in multiple folders (i.e. under multiple categories)
GOOGLE Photos Album (linking to Album – but not embedded):
- The display is a little nicer (less dropbox folder-esqu)
- There is an auto slideshow
- The manual advance is full-screen / nicer
- AND I can put photos into multiple albums without having to duplicate them…
- Not sure about how much (free) storage I have / get on Google these days… or what the cost would be… or if I want to pay google for more space… or if I am already… AND – could I use my google Bike Rack account?? Is it still active??
- Can only see file names if viewing individual photo (and click Info) (both good and bad…)
- Don’t have photos in a folder (black-box file management)…
- Don’t see a way of adding a shortcut / link (to Home page) to an Album…
CURRENT PLAN / THINKING: Just link to EITHER a series of Google Albums or a series of Dropbox folders (either are perfectly fine gallery viewers).
NOTE: if this works, can delete gallery plugins and uploaded media files, etc. and just go with a series of pages, each with a screenshot and link to the dropbox folder.
[embed-google-photos-album link="https://photos.app.goo.gl/CSV7NDstShTUwUZq5"]
<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>
<div class="pa-gallery-player-widget" style="width:100%; height:480px; display:none;"
data-link="https://goo.gl/photos/f6vrq2XvDZYTiVnRA"
data-title="Bikeracks"
data-description="23 new photos added to shared album">
<object data="https://lh3.googleusercontent.com/OF4nw9iiJvhaMmCM-m4DGabB5UdmmkNm6Elhu7D1u7os3AA9UxeFXPQXc44vaq66mrrW0bDg2HUaaHbnUleXJ0_xCICsefvJagGJcjn4CbcRX96-JhKtYqwY5IEA6pGo0ufZnLLlBBk=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/bG03bcIMw87G4A10F-W3cpCk4n8_Kg-OeqRAgdVDywxBT4BlUPPIBQyUaXq2sJ-Yupjl4yQzh665uxyeKFo-7Qqtu2-QWLQwytFuVWVXmpdGL9SljiwY642Mb0SHIII2ElGN1M813gk=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/2cft-czgwomWwwywyis4Ab4afJ875MSSphuFD7k9jyYDZ1o4DP-Fe0QWNm9iUG3tRIQIAAv7eRYY-4-qYmSweHbCqNAKb_hShGB95RSsGSVRTHOnqVUi8Zkk4zkW_sUx7kuGEdUGuXM=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/JSihYPIlwvQSV79yoae50T5wYnECJ3_gl5DI9b57lC6Sl-9vj1UkKVn_-IQ_PkGt7UC4k5r0X57XhtU2U1rmpAXnzOmFYz-Xje_dr-7nFV62gVcJiW4Scv7VzwxiuTj7YLrxqt2nq_o=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/NyR-QBQFGUOCL77o17-uUCFyBIm2jVHB8PevoR5Elbn2rnBVa2ds88LawxrUvm9ABysBhtZcK59nwlaS434pBq53pQV5_ieXUmLlAsCRXcw8m0fUWLCQXK9rIkd571g9ux9-38FVf2k=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/O-7wwyA2PFeU620htfkJXbw-H48lnuGwJEMtVi8RBvtBxbsPyWfV7-0UciOi5AUZwwzzMqWQyFAGzp72rVLPpdeNMWiDrg94zjIT58andFUPbh5Ylin5N4vp93rEb1ElgX1A5MrVHFw=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/rlcDwWH5R3hqmQckDrb31rhg_sUMtD9pr3wKlKG3NZO6LOyKZU2u_eOUrsc2B5pfZSVZKPGpMYOkNU7EYVjBoniMZ7AWu7EHG9HLoIiKSSir6KxLVjlDimb4a4cinhjFFNCightf-YQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/qpsL7uUabUBJBrOFbyrHwaSObqOyXjQ-RY0_IIjiyQHrnhITLhDGl_0L5AHoxd3wRUgejC45MU__XFkGWirl7n_yyfrnf6SoQnjIGEWRSDj-I5bCRPMCCoQBW7kJAHfvXXx9Xvca8t0=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/cBUKo7IWcIb_iU0-KYfVSLbenu9SRr8ZiwGKFyKst2oof79HQhsqb-7QF0ffXpYICM7B0DAvuln_8XPm3cqteL00bK4X85vYjht0IN7FgqoJ0Tmn6SLNHI74DqxIQ2971A2BjQUZw70=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/32JHSEuEj24y618Sq8xXIDPaYStDYmjVFoewlAiP4KOXev0K3mp4FNnAxTr3p2KLKF-0Ko1QY__9syHfi5UqWM2uXAaiF60rqajTKEc9xYz7fsTwDAwmUNXF13QshN9PS2lZ0W9cKo4=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/yUGY1pVM8CqZJ5BTcu499r2zLqLys3YmbeLUeqJjxMRO93LpOvOe6_TSMO7H9LtQAEx1i0GMKKMjb1ZmbDZzNSHrpWPSOYl4re9NQudCMlSlNDj-dgHkXecY5eOWcvBUrXMqpvIwP3Y=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/faXied7yfpslXZQlDKFSj5-urAtygLDR1nkIkFjMNE8VtLgOrYm4HK2Dvtlm7p-u1Mi-Kja_n72Lz_Cy3Pd9yBdeGoNTCvghABfNHiU5ECGE_x2F-msBYYMr-Q71DgWxxplHi16jdh0=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/QZuLd92F2sxfLUtWh91tqOEriUYQ1AjDtenDqzyhmkLqLQwXtJs68LzMQ1CMG45zZWEwk3vEkX35In8WAx3VNovzqeNI1TvY-bUKajc5FdXzQMRVP6KCFwSzAqKJR97J1GrdTSptXck=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/hvl5zc5IeL0h_nVtYiR4qyHuVa-ip1g9xnHRENYI0JCjLOWzVMh6H8r8OwKsPnAHsCFNAyx_iLQOCOMdle874BpY5aK6iFdbgmKRch4UtrMdVqkMpaYoMNpebGmQgETIOtAOY_-JHyk=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/PeontIMBri0SdWUFPE4KJ3wihG2g-d3CeaPHsZbcr4HSbhKsJbgl7Urw8piol2GuvnStyDbF5lTLn8k_hdB2NS7ULLJu2w5JDUIL0b7A6HYpqJx4KQdsuMZYpRwdmn9mZfsrTdWh5Rs=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/WUPMJyAcjALq20xa-Z58V0YwH2-1XQkMRDeE2iMTZU7pat3iSh-7wsfB4txPag6bj2yNfVfhMiC1juhDwRCtGlAx66N8ZqeYIE-iSHkrUhTaJ3gIAg1GEWUdk9cwVq3wz3piTUQqKQ0=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/mv5Kvu6hx-OjnUh0jmnpBcBvH8XT9ZtsuPH89imb_1sPopWdMHks_IUvK0P9La-ILqcIGZNYlGJNujNkNTZT0cq8CQGPXZFx6Z2Q9Sx052Fuet53iwAU87zMaEVtENW0Te-_prIt024=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/wgV9G6RIRJWqHf-jGno0-Zbkg_AZ_qlyALBV4C6QTQk12_8cULSvgw9fcaPeCpLyCBTPa-apjJflaA0V65H6jYzveMhfoh_OdBmX8VA-10e_NEbsdct-ryWi7CQ_4NaCiHcF572olAQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/-QH-jex2UP2g8g5Qya2MYdsFZJvLpAPKyyVzS1DGSxEC3fquYJUjCJCjqOnLyfTH_bYblENKg-RH-tGLujZXOSD-j4wJbzeQSaRrgWQ2TBDBjghmBfpBbNBUg_dzj3fPjcrnuMnB4kU=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/ckLSBSRQE0ka9_GiqPy0BMuqGEbgOdVucQUQjCgQU82lU5MBpRJTqpyMd6A5OpFnUK47gm82Di2kQcUO5AsHwp5W6EN_XrJ5HhCtoXi3HIUwJnWAr4L-8wqdmcD5WMzMpyuZpBbMQXQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/OtNejD3RBVeUEmbTOKOuULT0ZCYWRfmdYFghL8munkJoAzQwPRUlKdXuQMQQDawjAOTVPfB-lSxuU3vvsYg0IJopFxI3sWlBAWIdJ4A28Isok5qQWsXZXSpUl0_oOysixetFFOxxokw=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/ve7M4CmTBH-2MBtS8_YZUf1xfikQu4ia-KcX5_QIQim6UnbAUNWv2fWqrQyBEhISR6pGZuiVHRgwXYFKLKne1WLuP9SdWKpFobBXOBsb9htUPK60xcJr2NVqqWIDDDRJdqgvSbInjHs=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/mmA80CrWTPohMxgNRAty7803XA7Nl9eKxN9n4l0PeQ-Dh9tvfRkYQVo_ioUbPmcDrPjij5F2hQiQCIvHal4wpIp-cEPM8w6xk7Izvcs4FHs4da0765YgRlrxWksQ_s56Wg5e73USpII=w1920-h1080"></object>
</div><pre><code>
<p><a href="/home.html">This is a sample link</a></p>
</pre></code>