For my photography site, I’ve been trying to figure out a way to best display slideshows quickly and easily on a WordPress install, as my photography site is entirely run by WordPress. After a bit of research, and trial & error, I’ve got the perfect technique down.
For those who don’t know what SlideShowPro is, it is a Flash based software that allows you to easily create Flash slideshows for your website. It’s a great piece of software for only $29.99. It’s quite configurable and relatively easy to setup and use. SlideShowPro Director is a web based application that is used in conjunction with SlideShowPro for an additional $29.99 per domain. It’s not required, but I highly recommend SlideShowPro Director as it will save you enormous time in creating slideshows with SlideShowPro.
- WordPress/WordPress MU installed and functioning
- SlideShowPro Director (optional)
- Kimili Flash Embed for WordPress plugin installed
- Download Kimili Flash Embed for WordPress plugin, upload to WP-Contents/Plugins folder and activate
- Download the SlideShowPro Flash add-in module, setup, and configure it. Downoad, setup, and configure SlideShowPro Director if you opted to purchase it.
- Create a slideshow following the Quick Start Guide to create a slideshow. If you are using SlideShowPro Director, use these directions here. Make sure you remember where you published your SWF and XML files to.
- Login to your WordPress dashboard and create a new Post or Page
- Click on the Media Upload button (the star button next to “Add media:”) and upload both the SWF and XML file. Most likely, you will have to change the paths inside the XML file to match the location of where the uploaded file is being stored based on your permalink structure. If you are using SlideShowPro Director, you will only need to upload the SWF file.
- Copy the link that appears in the Link URL field (e.g. http://bui4ever.com/files/2008/11/ar-carnival-cruise-d02.swf)
- Use this code where you want the slideshow to appear:
[ kml_flashembed movie="/path/to/your/movie.swf" height="300" width="300" /]with NO space between “[” and “kml_flashembed” and be sure to replace /path/to/your/movie.swf with the URL that you copied in Step 6. Change the height and width to match the slideshow. The default dimensions for a slideshow created in SlideShowPro is 548 width x 373 height.
- Click Save or Publish and you should see the slideshow appear. If not, check that you followed all the steps exactly. If no images appear, most likely the paths in the XML file are wrong.
These directions are based off the information that I found here. For the most part, you could create a physical directory on your webserver if you want more control, but I didn’t like that solution as it involves a two step process: using a FTP program to upload the file and then embedding it into WordPress. My method is more elegant in that you use WordPress’ file management system to store the Flash files and then plug the URL into the Kimili Flash Plugin. While this may not seem that important in a single WordPress install, if you use WordPress MU, you are quite aware that any physical directories created are accessible by all domains on that WordPress MU install (e.g. http://bui4ever.com/downloads/ is the same as http://buiphotography.com/downloads/) which can lead to file issue nightmares. By using the WordPress media uploading method, you allow others to upload their SlideShowPro slideshows without granting them dangerous FTP access and allow them to keep their content separate and organized. For the most part, this method works quickly and easily. Your mileage may vary, as I use SlideShowPro Director to house all my photos and thus negate the need (and fustration) of having to manually create an XML file. Also keep in mind that you need to grant access to all website that will be accessing SlideShowPro Director by using the crossdomain.xml file tip (see Step 4).You can leave a response, or trackback from your own site.