Simple Elegance: Armes’ LR Plugin & WordPress Blog Post
10.06.2009 | My Blog, Talking Photography
For many photographers, Adobe Photoshop Lightroom has become a standard and critical piece of their daily workflow. Image sorting, editing, and exporting have been tremendously expedited by Lightroom’s powerful processing capabilities.
This is post is geared for photographers and describes Lightroom’s ability to use Timothy Armes‘ web plugin “Elegance” to create Flash-like galleries through HTML slideshows and import them seamlessly into a WordPress.org blog post or page.
The beauty of these “Flash-like” slideshows done in HTML is that it allows incompatible portable devices with Flash (such as a minor tool like an iPhone) to view elegant slideshows. For a more detailed explanation on the reason behind the Lightroom Plugin “Elegance” check out Timothy’s blog.
For a detailed description of how I’ve incorporated these tools into my blog jump down to the rest of the post.
My first desire when I was introduced to the Elegance Web Plugin by Timothy Armes to create stylish sideshows that could fit into my WordPress blog post. The HTML slideshow created by the Elegance plugin was a great foundation but took me a little bit of research to figure out to get from here (full HTML page) to here (integrated WordPress slideshow).
First, download and install Timothy Armes Lightroom Plugin “Elegance”. The download is free and you can create 6-image slideshows for free, but the plugin is donationware in order to release the full potential of the plugin.
Second, download the WordPress.org plugin called Embed Iframe. This plugin for WordPress allows you to insert “an HTML tag that allows a webpage to be displayed inline with the current page, in a WordPress post.”
Third, figure out the width and height of your WordPress.org blog post or page that you want to embed the HTML Elegance slideshow.
Fourth, when you write a post you will include this code in your blog post surrouned by square brackets: iframe url width height. So for my post I include “iframe http:/jpreding.com/simmswedding 600 800″ inside of the square brackets.
It may take a little bit of playing around with the image settings and sizes in the Elegance Web plugin for Lightroom and finding the right balance of width and height on the the Embed Iframe plugin for your specific blog post or page. All in all pretty simple tools combine to pull off exactly the feel I was trying to accomplish. The slideshows have the appearance of Flash but are pure HTML. Geeky, cool, and hopefully insightful.
Let me know if this is helpful and if you guys have any tips to make this process even smoother, although 4 steps seems pretty simple to get things going. Grace and peace,
JRed

10.07.2009
Hi & thanks for the link and tutorial. I am missing step here, I’m sure, because when use the Iframe embed, it embeds the home page of the blog not the slideshow. So, I guess I am putting the slideshow in the wrong place in my file structure on the web server. (I’m using GoDaddy for the host). Should I place the folder in the root, or within the WordPress content structure?
Thanks again!
10.07.2009
Glad to do it. One question, did you FTP (upload) your folder straight from Lightroom?
My folder structure is public_html/simmswedding. So, simmswedding is a folder with all the contents of the Lightroom export in it.
In essence I’ve created an entirely separate HTML page which can be viewed as a standalone page and embedded it into a WordPress post.
http://www.jpreding.com/simmswedding can be viewed on its own if you click the link, but I embedded it into this WordPress post.
10.11.2009
I did FTP the folder-that wasn’t the issue. It turns out that using the absolute link instead of a relative link was the issue. Once I removed my domain name (vividvisionspix.com), and just started the link pointing to the content folder, it all started working fine. So, I’m ready to go when I get all the photos together and can go live with it.
Thank you.
3.10.2010
Thank you for the tip, I’m trying to use it in my website (still in constructipn). Just a thing, if you click on your identity plate in the elegance gallery embeded on your post, then your website appears embeded in your post…
3.10.2010
Thanks for the feedback. I will take a look at it and see if I can’t fix that to open in a new tab or window entirely instead of trapped in that container. Thanks again for letting me know! good luck in your web site design.