Adding an Image Rotator to your WordPress Site

pjs4

A popular feature for modern websites is a rotating image gallery or slide show showcasing features or products.   Although this is often a complex addition, the  Frontpage Slideshow WordPress Plugin makes it possible to add and edit an elaborate display without leaving your WordPress admin panel.

Step 1 – Download and Activate the Plugin

Download and install the plugin from the link above.  (note: if you have display problems, you may want to revert to Version 0.8 or older).  Log in to your Admin Panel, click on the “Plugins” sidebar button, then activate the plugin.

Step 2 – Configuration and Setup

Expand the Settings menu in the sidebar then click on Frontpage Slideshow .  Expand the menus below the preview to adjust your settings.  Be sure to click the save button when you are satisfied with the appearance of your slideshow.

Step 3 – Integration

Add [FrontPageSlideShow]  into the message of the page where you would like your show to appear.

no images were found

Step 4 – Creating Slides

You will want to designate posts as targets for your slideshow.  You can do this by applying new or current posts to a category labeled slideshow.  This will help you keep the sources of your show organized and accessible.  Edit a slideshow post.  Below the post you should see a new menu: “Frontpage-Slideshow Options.”  Add a title and optionally a comment, button-comment and slide link.  

Step 5 – Adding Images

To add your image, click on the grey monitor icon next to “Slide picture”.   Find the image you want to add by using the tabs at the top of the menu popup (I prefer to use NextGen Gallery to store my images).  Regardless of your source, locate the image and click on the show link.  Leave all options as is, but change Size to Full Size.  Then click Insert into Post. Click on Update in the publish option window (top right) to save your changes.

Tips

  • Size the images appropriately using an image editor before uploading them.  Although the plugin will fit the images into the show, they may be cut off or cropped oddly if not properly prepared.
  • Having posts dedicated to your slides will make them easier to manage, but you will need some tweaks if you don’t want those posts to appear on your blog.
  • If you have trouble deleting old images or content, switch to html mode and clear the offending text, then add your updated image.
  • If you want to change your image in the future, simply filter your posts by the slideshow category, edit the post, click on the image you will no longer be using then click on the red Delete Image icon.  Next, follow step 8 to add a new image to replace the old.
This entry was posted in Wordpress Tips and Tutorials.