You can build great websites. We can help! Join today and get access to 3118 training videos: Sign up now!

How to Create a Frontpage Slideshow in Wordpress

This tutorial will walk you through step by step how to create a slideshow for the frontpage of your Wordpress site. We're going to use a plugin called (very logically) Frontpage Slideshow. Here's how to set it up correctly:


First, go to the admin area of your WordPress site, click Plugins, then Add New and search for Frontpage Slideshow. Once you've found it, click Install now:




Click on Activate Plugin


Add Images to Library


Go to Media >> Add New >> Select Files and add all the images that you need for the slideshow



Next we are going to add the images to the respective posts. Go to Posts >> Any of Your Posts that You Want to Use



Go to the Frontpage-Slideshow Options >> Slide picture and select an image. Also configure the other options such as Title, slide comment, etc.



Update when finished. Repeat the above steps for the rest of your images.


Configure Plugin


Go to Plugins then Configuration Page for Frontpage-Slideshow.



Click on About categories and posts, let it expand, and then select your categories and the order in which you want to display the posts.

Most of the settings are self explanatory and you should not have any issues. Use the same basic procedure (in the paragraph above) to configure the plugin to your liking in the rest of the settings: Click on the heading, let it expand, and then configure.

I will highlight some of the trickier parts for beginners.


Configuration Tips for Beginners


For the About colors and opacities area, HTML and CSS colors are defined in Hexa-decimals. It's a bit tough to figure out so here but you can use w3school's colorpicker.



In the About background images / textures and loader animation area, we can select which images to use for the editor.



Once you have some images, you can drag and drop them by clicking and holding on the image, scrolling over the "Drop here the image you want to use as...", then letting go once over the area.


Enable the Plugin


The slideshow will automatically be configured to go in your front-page area.

Click Enable the plugin now!!

Check your front-end to make sure all is well.


About the author
Nick is the Director of Support at OSTraining and you can find him in almost every area of the site, from answering support requests and account questions to creating tutorials and software.

You can build great websites. We can help! Join today and get access to 3118 training videos: Sign up now!

(+1) 678-830-2168
| | Contact us

Get free, weekly updates
from the OSTraining Newsletter


Welcome to training with a smile :) Created by friendly people all across North, Central and South America.