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.


{loadposition wordpressnewsletter}


  • Nick Savov

    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.

0 0 votes
Blog Rating
Notify of
Newest Most Voted
Inline Feedbacks
View all comments
Rod Swift

I have a [url=][/url] blog. This is not self hosted and so does not allow plug-ins, (only widgets).

Is there some way that ‘Frontpage slideshow’ can work with a non self hosted ([url=][/url]) site?

Thank you


Hello Nicks, Thanks for this very informative and educative post. But when I searched for Frontpage Slideshow on my WordPress website, the search says “No plugins found for “Frontpage Slideshow” on the several occasions that I tried. 



Here are a few other options for sliders that have quick load times and great performance:  Soliloquy, MetaSlider, Smart Slider 3

Hope this helps.


You can now create easily with adding just a single plugin named “Slider Factory” take a look.

Simple and with many layout options in this single plugin.

Would love your thoughts, please comment.x