Installing an Image Slideshow in WordPress
If you’re using wordpress to power your blog and you are a photographer, more often than not, you are making compromises on what pictures to put on your post. You don’t want to overrun the space on the browser with images and have the user sift for the content, but you want to post more than just 1. Lightroom 2 has got great flash galleries built right in. Photoshop CS4 has recently received those same galleries via a script plugin from Jeff Tranberry and Airtight Interactive.
I love those galleries because they are Headless: They dont contain any header or footer information to them. Why would they need it? I already have a header and footer in my -own- website!
This tutorial uses the Shadowbox JS plugin for Wordpress and gives you a simple workflow to include those flash galleries into a wordpress post. When you’re done, a link or an image can trigger the Shadowbox, and the flash content can appear there.
This video requires Adobe Flash Player.
Visitor Comments »
Comment by Russell | February 13, 2009 @ 11:33 am
[...] RC Concepcion – Photoshop and Lightroom Galleries for Wordpress [...]
Pingback by Photoshop and Lightroom Galleries in Wordpress | Contest Winner | Layers Magazine | February 13, 2009 @ 11:45 am
[...] har dessutom installerat ett nytt tillägg till min blogg – ShadowBox efter att ha sett det hos Layers Magazine. Betydligt mycket enklare än mitt nuvarande script! Så förhoppningsvis kommer jag lägga upp [...]
Pingback by Solen är här! | Johans fotoblogg | February 13, 2009 @ 11:59 am
Perfect timing! I was just starting to type a couple of entries and was wondering about this specific technique… Awesome! Thanks!
Comment by Vlad Mercado | February 13, 2009 @ 12:06 pm
R.C., you completely and totally ROCK! I can’t wait to try this!!!
Comment by Dawn Camp | February 13, 2009 @ 1:51 pm
That was great!!! I can’t wait to work with this on my site.. Thanks RC!!! See you at PS World!!!
Comment by Jarrod Gordon | February 13, 2009 @ 1:58 pm
[...] von Layers TV (aus dem Team von Scott Kelby) zeigt im Video Tutorial Installing an Image Slideshow in WordPress, wie man eine Flashgalerie in einen Wordpress Blog integrieren kann. Im Video ist auch kurz zu [...]
Pingback by Kostenloser Download: Webgalerie Tiltviewer für Lightroom | February 13, 2009 @ 3:17 pm
R.C,
thanks for this very good tutorial.
I was very happy to see that you have installed my tiltviewer web gallery in your Lightroom.
I have updated it to 1.3.1
See http://www.lightroom-tutorial.de/2008-03/lightroom-tiltviewer-web-galerie-zum-download-version-02/
Comment by Thomas | February 13, 2009 @ 4:05 pm
Sorry about that guys… threw another player on this that should let you see this full screen.. albeit a little grainy.
After your Href link, you type in rel=”shadowbox”
Hope it helps!
RC
Comment by RC | February 13, 2009 @ 11:14 pm
great tutorial – thanks! combing simpleviewer with shadowbox is a clever way to give more screen real estate to your galleries.
Comment by felix | February 14, 2009 @ 12:34 am
[...] und Web Guru RC Concepcion von Layers TV (aus dem Team von Scott Kelby) zeigt in dem sehr guten Video Tutorial Installing an Image Slideshow in WordPress, wie man eine Flashgalerie in einen Wordpress Blog integrieren kann. Im Video ist auch kurz zu [...]
Pingback by Lightroom Webgalerie LTD Airtight Tiltviewer in neuer Version | February 14, 2009 @ 3:57 am
I’m not getting my thumbnails to load when I’ve exported from Lightroom Straight into WP-simpleviewer.
I’m having to add an absolute path into the gallery.xml file for the images and thumbs. IF that URL is always going to be the same – can I edit it in the lightroom settings to somehow add that path information + my custom subfolder?
Comment by Neil Cowley | February 14, 2009 @ 4:15 pm
[...] 17, 2009 · Print This Article In case you missed it, RC posted a great tutorial that combines Lightroom’s web gallery upload with the Shadowbox plugin for WordPress last [...]
Pingback by Quick Links Tuesday : A.J. Wood - Adobe Instructor says the best way to get rid of temptation is to give in to it. | February 17, 2009 @ 2:43 am
Though it matter less now in WP 2.7, I’d put my folder of gallery export into the wp-content folder. This is important if you want to reinstall WP, which generally tells you to delete everything, but wp-config and wp-content first.
Comment by Ron | February 19, 2009 @ 2:56 pm
[...] Installing an Image Slideshow in WordPress via Layers [...]
Pingback by Blogging Basics 101 » Mighty Helpful Links: February 27, 2009 | February 27, 2009 @ 3:01 am
[...] this trip as well (real slick I know.) A small taste you can see by clicking here (learned from RC here.) You can see I am headed back to Baja California, Mexico! A hitch came up in our future plans and [...]
Pingback by Jarred Sutton Photography » Blog Archive » Sol Searching | March 1, 2009 @ 6:54 pm
Dude, I just got a chance to watch this…
Thanks so much…this totally ROCKS !!
Comment by Sarah K | March 4, 2009 @ 3:00 pm
RC, Is it possible to use this same technique with Slideshow Pro in Lightroom, rather than Air tight templates?
Comment by Larry Larsen | March 31, 2009 @ 4:20 am
it absolutely is Larry.. i cover that in a couple of Kelby Training videos.. but i’ll post a quick tip on how to do it here..
Comment by RC | March 31, 2009 @ 2:17 pm
Thanks! This is a great tip to help get a slideshow on to Wordpress. I subscribe to Kelby Training on line. Which of your tutorials describe using SSP in Lightroom?
Comment by Larry Larsen | March 31, 2009 @ 7:28 pm
thanks for your tutorial, it really helps… god bless u
![]()
Comment by diyen | April 7, 2009 @ 2:46 am
Thank you for this great tutorial. I just purchased Lightroom and have a WordPress powered site, which I’m still learning. This has really helped me. Thanks
![]()
Comment by Micki Harper | April 27, 2009 @ 5:04 pm
Прикольная статья, но хотелось бы поподробнее узнать о некоторых моментах… Как можно с Вами связаться?
Comment by Keeptennacalm | May 10, 2009 @ 4:45 am
[...] watched a Lightroom video tutorial last night on LayersMagazine.com about installing a slideshow in WordPress using Lightroom and the Shadowbox JS plugin for [...]
Pingback by Toni Johnson - photography » Archive » Follow the Leader | May 12, 2009 @ 3:09 am
Nice tutorial!
Slumberg (aka Turtles Slumberg)
Comment by Slumberg | May 29, 2009 @ 12:01 am
[...] Free Lightroom and Photoshop Tutorial Creating Lightroom image Posted by root 13 minutes ago (http://www.layersmagazine.com) Feb 13 2009 comment by ron february 19 2009 2 56 pm installing an image i just purchased lightroom and have a wordpress powered site Discuss | Bury | News | Free Lightroom and Photoshop Tutorial Creating Lightroom image [...]
Pingback by Free Lightroom and Photoshop Tutorial Creating Lightroom image | Outdoor Ceiling Fans | May 31, 2009 @ 2:46 am
[...] Free Lightroom and Photoshop Tutorial Creating Lightroom image Posted by root 2 hours 16 minutes ago (http://www.layersmagazine.com) Feb 13 2009 und web guru rc concepcion von layers tv aus dem team von scott kelby comment by larry larsen march 31 2009 4 20 am i just purchased lightroom and have a wordpress powered site which i 39 m still learning Discuss | Bury | News | Free Lightroom and Photoshop Tutorial Creating Lightroom image [...]
Pingback by Free Lightroom and Photoshop Tutorial Creating Lightroom image | Wood TV Stand | May 31, 2009 @ 7:29 pm
Дизайн у Вас интересный, я вот тоже для блога искал – стала прикручивать, а все посты куда то делись. Эээх… буду писать заново
Comment by Openiurneseek | June 15, 2009 @ 2:21 pm
[...] Installing an Image Slideshow in WordPress [...]
Pingback by Notable NAPP Links for the Week of June 21, 2009 | My Home Sweet Home | June 28, 2009 @ 10:29 pm
Thank You RC! I have been looking for hours trying to find a gallery viewer that I can do myself in wordpress. I was trying to figure out a way to embed the html code, but I love the idea of the image with they hyper link.
Thank you!
Comment by Darren | July 3, 2009 @ 6:17 pm
Fantastic tutorial – many many thanks.
Comment by Andreas Sakka | July 11, 2009 @ 1:39 pm
OMG – I have been pulling my hair out trying to build decent wordpress ad web galleries. This post has just made it all so simple and easy. THANK YOU!!!!!
Comment by Emma | July 12, 2009 @ 8:46 am
I think I love you RC!
You just saved my life. Well maybe not my life. But you helped me a lot and now my life seems easier
So thank you once again!
Comment by Martin | July 25, 2009 @ 2:05 pm
Узнай об имени правду ! Любые имена есть на этом сайте!!
Comment by ВсёОбИмени | July 26, 2009 @ 12:42 pm
This is awesome! Just one question…what kind of WP template is that in the tutorial?
Comment by av | July 28, 2009 @ 8:45 am
Дисбазия – (дис + греч. basis – ходьба, выступка). Нарушения ходьбы, походки.
Comment by ПсихологическиеТермины | July 29, 2009 @ 8:39 pm
I can’t get mine to work. I’m not sure what I’m doing wrong. I can open the gallery in safari from my desktop if I open the index file.
I use filezilla and I see that the gallery is in my public_html folder. I followed the instructions but having no luck. When I go to my url it says Error 404 – File not found.
Any suggestions?
I’m lost.
Comment by Kristi | July 31, 2009 @ 5:04 pm
Never mind previous post. I got it to work.
Comment by Kristi | July 31, 2009 @ 6:16 pm
http://www.photoshopdd.com the blog for photoshoperlet join!!
Comment by Shine | August 11, 2009 @ 5:06 am
[...] is a product of photoshop! – Photoshop Tutorials – Beauty is a product of photoshop! Free Lightroom and Photoshop Tutorial – In this tutorial, RC uses the Shadowbox plugin for Word Press and shows how to export a [...]
Pingback by Creative Photoshop Tutorials – Photo Manipulation | August 15, 2009 @ 2:39 am
thank you
Comment by alb | August 19, 2009 @ 11:43 pm
great information, thanks for that man. Cheers Fred.http://www.beginner-tutorials.com/photoshop-tutorials.php
Comment by Photoshop Tutorials | September 10, 2009 @ 6:48 am
I don’t know If I said it already but …Hey good stuff…keep up the good work!
I read a lot of blogs on a daily basis and for the most part, people lack substance but, I just wanted to make a quick comment to say I’m glad I found your blog. Thanks,)
A definite great read..Tony Brown
Comment by Tony Brown | September 23, 2009 @ 8:06 pm
RC,
Seriously, you are awesome!!! I’ve been looking for this exact gallery style for my website, without having to spend hours at a time putting it together.
Thanks to all the programmers out there that make this possible, and to people like RC who make it understandable for the “I don’t have a degree in programming folks” to figure out.
Comment by Sugi | October 2, 2009 @ 11:12 pm
Hey, I read a lot of blogs on a daily basis and for the most part, people lack substance but, I just wanted to make a quick comment to say GREAT blog!…..I”ll be checking in on a regularly now….Keep up the good work!
![]()
- Marc Shaw
Comment by Marc Shaw | October 15, 2009 @ 11:28 am
[...] This site has a great tutorial on how to do this. and it seems to work as this slideshow below is done using the tutorial instructions. [...]
Pingback by Testing adding flash slideshows to Wordpress « David Weaver Photography | October 16, 2009 @ 3:36 pm
Leave us a comment

- Dragging an Object Between Documents
- TV Scanline Effect
- Trick to the Glossy Effect
- 3D Text
- Changing Type on a Path





Photoshop
Illustrator
Indesign
Dreamweaver
Fireworks
Premiere
Flash
After Effects
Lightroom
Acrobat














