How to Create a Frontpage Slideshow in WordPress

tutuploadsmedia_1301656708759.png

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:

Install

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:

 tutuploadsmedia_1301656708759.png

Activate

tutuploadsmedia_1301605499708.png

Click on Activate Plugin

 

Add Images to Library

tutuploadsmedia_1301637364176.png

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

 

tutuploadsmedia_1301637632033.png

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

 

tutuploadsmedia_1301638018810.png

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

 

tutuploadsmedia_1301638603324.png

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

 

Configure Plugin

tutuploadsmedia_1301638909932.png

Go to Plugins then Configuration Page for Frontpage-Slideshow.

 

tutuploadsmedia_1301615151309.png

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

tutuploadsmedia_1301615882720.png

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.

 

tutuploadsmedia_1301627493287.png

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

 

tutuploadsmedia_1301627222264.png

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.

tutuploadsmedia_1301627595154.png

Enable the Plugin

tutuploadsmedia_1301639103866.png

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}

Author

  • 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
Article Rating
Subscribe
Notify of
4 Comments
Oldest
Newest
Inline Feedbacks
View all comments
Rod Swift
Rod Swift
12 years ago

I have a [url=http://wordpress.com]wordpress.com[/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=http://wordpress.com]wordpress.com[/url]) site?

Thank you

Oloye
Oloye
3 years ago

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. 

mikall
3 years ago
Reply to  Oloye

Oloye,

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

Hope this helps.

clickearner
clickearner
2 years ago

You can now create easily with adding just a single plugin named “Slider Factory” take a look.
https://wpfrank.com/demo/slider-factory-pro/

Simple and with many layout options in this single plugin.
https://youtu.be/TvjnPUnASf0

4
0
Would love your thoughts, please comment.x
()
x