Skip to main content
MikeYoung
MikeYoung
Participant
February 17, 2019
Answered

Embed code for shared Lr album doesn't work on Wordpress site

  • February 17, 2019
  • 1 reply
  • 1782 views

I'm desperately hoping somebody can help with this.

I have a self-hosted Wordpress-based website and I want to display images from a shared Lightroom album. I thought it would be easy - paste the embed code provided under the sharing tab in Lr online into a new page, as html, and done.

No such luck. I just get blank space where the embedded content should be.

The online album itself works, both when using the normal share URL as well as the URL provided within the Lr-supplied code, the embed code works if I try to embed other example content, I just can't get it to work with the Lr-supplied code. I've tried a couple of iframe plugins for Wordpress such as iFrame and Advanced iFrame, and tried modifying the supplied Lr embed code using the shortcodes associated with the plugins, but they don't seem to make any difference. I've contacted the Wordpress tech support with my hosting provider and they can't make the embed work at their end, it must be a Lr issue.

Here is the Lr-supplied embed code I'm trying to use:

<div class='lr_embed' style='position: relative; padding-bottom: 50%; height: 0; overflow: hidden;'>

<iframe id='iframe' src='https://lightroom.adobe.com/embed/shares/7e351a06a14c421587403eb45975666f/slideshow?background_color=%232D2D2D&color=%23999999' frameborder='0'style='width:100%; height:100%; position: absolute; top:0; left:0;' >

</iframe>

</div>

I'm tearing my hair out here. Can anybody offer advice or dare I say it a solution? I've searched the web and it doesn't seem like there's much discussion of people using this Lr embed code at all, and I can't find any discussion at all around troubleshooting it.

Thanks.

Message was edited by: Mike Young Fixed display of code

This topic has been closed for replies.
Correct answer MikeYoung

I see the tab is replaced by an Edit as HTML menu command:

You can then paste in the embed code:


Thanks John. I've finally worked this out. There were two issues in the end.

One was with the text editor as you thought - depending on where you paste the embed code, Wordpress automatically trimmed some of it for some reason and as a result the slideshow wouldn't display properly. So I just needed to be careful how it was pasted in - either using the html option for the Gutenberg block as shown above, or using a plugin to allow for the classic editor to be used.

The other was interference from a Firefox add-on that I had running in my browser. After fixing the embed code itself, I could see the big blank space where the slideshow should be, but not the slideshow itself. I realised that Privacy Badger was blocking the slideshow because of perceived (or real, who knows) tracking activity. As shown below.

Once I adjusted the settings for this add-on I could see the slideshow correctly. The settings that worked for me are shown below.

Lesson learnt. Check ad blockers and other add-ons when troubleshooting Wordpress!

Thanks for your help. Much appreciated!

1 reply

john beardsworth
Community Expert
john beardsworthCommunity Expert
Community Expert
February 17, 2019

What version of WordPress are you using? Have you updated to 5 which changes the post editor.

Assuming you are still using the pre 5 editing window, when you paste in the embed code, are you pasting into the Text tab? My guess is that you aren't, but you should do so.

MikeYoung
MikeYoungAuthor
Participant
February 18, 2019

My WordPress is up-to-date, so I'm using the new 'Gutenberg' text editor. I've been pasting the embed code into an HTML 'block'.

Are you saying I should paste it into a normal paragraph block?

If you think there is a compatibility issue with the text editor I could also try the plugin that allows me to switch back to the old editor.

john beardsworth
Community Expert
john beardsworthCommunity Expert
Community Expert
February 18, 2019

You should paste into the text tab's equivalent. I presume there is one in 5.0, but I disliked the Gutenberg editor and switched back to the old UI.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices