Jan 232012
 
add-a-slideshow-to-suffusion-theme

We are going to add a slideshow to the front page of suffusion theme. The first action to take is to download photonic from WordPress. I am using photonic because it was developed by the same developer of suffusion sayontan.

Install the plugin as you would normally do by following the instructions found on WordPress plugin site. Activate the plugin and you are ready to go.

Before we play around with the plugin, do you have images uploaded? Are these images attached to the page or post you are adding a slideshow too? The image below illustrates that all the images for this post are attached to this post, click on image to see a larger size:

Hint: It is import to make sure that the slideshow images are attached to the post or page!!!

The images are attached to a page for display

If you do have the images then proceed to the page or post and insert media see image below:

 Select the media file you are going to attach

Next you select Photonic, see image below:

select photonic plugin to insert images

 

Next select WP Galleries and change the settings according to your requirements, see image below:

 select photonic and wp galleries

Once you have completed the settings click on Insert into post button, see image below:

click on the insert into post button wordpress 

Now you should have a simple slideshow on your page or post, see image below:

 a slideshow added to suffusion wordpress theme

Before you publish view your page or post and see how it looks ? You might have to adjust some settings, once you are happy then publish your post or page. 

If you have any questions please leave a comment. Next tutorial Create a Suffusion Child Theme.

Come back for more suffusion tutorials :)

More suffusion tutorials:

  1. Adding a header image.
  2. Create a Suffusion menu above the header.
  3. Suffusion custom style navigation bar.

Share and Enjoy

  One Response to “Add a slideshow to suffusion theme”

  1. continuously i used to read smaller articles which also clear their motive, and that is also happening with this post which I am reading now.

 Leave a Reply

(required)

(required)


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>