Mar 192014
 

Last Updated: October 31, 2014

Add a Slideshow to Suffusion Theme Using Photonic tutorial will show you how to easily add a slideshow using Photonic. I am using photonic because it was developed by the same developer of suffusion sayontan.

Latest News: I have added some more information.

Latest update, I have carried some test in WordPress 4.0 and 4.1 Alpha.

The following are my results.

  • WP Gallery functions works
  • Picasa works
  • Flickr = Not tested
  • 500px = Not Tested
  • SmugMug = Not Tested
  • Instagram = Not Tested
  • Zenfolio = Not Tested

What you need:

Photonic Tutorials:

Add a Slideshow to Suffusion Theme Using Photonic Steps

Important: Remember that Photonic plugin has some settings that you can adjust for your needs!!!

Before you start configuring the plugin, have you uploaded the images? Are these images attached to the page or post you are adding a slideshow too?

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

1 ) Create a new post or page and give it a title. For this tutorial I selected Photonic Test as a title. Click on Add Media button. See image below.

Image is from WordPress 3.8.1

photonic-gallery-post

2 ) Next select insert to add the images to the gallery. I have selected 3 images which were already uploaded. See image below.

photonic-2-insert-media

You will notice the 3 images selected at the bottom of your media library. See image below.

photonic-3-images-selected

Next, while you are still in media library click on Photonic. See image below.

photonic-gallery-settings

3 ) Next select WP Galleries and adjust the settings according to your needs. Notice how I have not added a Gallery ID or and Image ID. See image below.

Note: Please note for this tutorial I set the height to 500. Make sure your height is set correctly under Slideshow Height (*).

photonic-3

4 ) Once you have completed the settings above click on Insert into post button, see image below.

click on the insert into post button wordpress

5 ) The following is the code added to your page or post. See information below.

[ gallery type='default' style='strip-below' fx='fade' slideshow_height='500' columns='3' thumb_width='75' thumb_height='75' thumbnail_size='thumbnail' slide_size='full' timeout='4000' speed='1000' ]

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

Troubleshooting

6 ) What if you don’t see any of the images in your slideshow? Try the following procedures. See images below.

Important: Remember I did not add a Gallery ID.  I did this on purpose to help you understand this issues. If you add a Gallery ID, you will not have to implement the following instructions. But if you forget to add the Gallery ID then you have to implement the following instructions. You might also want to implement the following instructions even if you add a Gallery ID, so that you can see from the Media Library that the images are attached to the post or page you added the slideshow too.

Go to Media >> Library and check the images you added to the slideshow. I can see the images are not attached to the post I created to include the slideshow. You need to click on Attach.

photonic-images-media

photonic-images-unattached

Once you click on Attach link above, you will see the following window. This gives you the option to select to what you would like to attach the image to. In this case I am attaching the image to Photonic Slideshow, which is a Post. Then simply click on Select.

photonic-images-attached-post

Now when you view your media gallery again you will notice that the three images from my slideshow are now added to Photonic Slideshow post.

photonic-images-attached

 

7 ) Now if everything goes well, you should have a simple slideshow on your page or post. See image below.

photonic-slideshow

Click on the following URL Add a Slideshow to Suffusion Theme Text Widget.

If you have any questions please let me know. I keep updating this tutorial from time to time.

Enjoy

More suffusion tutorials:

Manuel Ballesta RuizManuel Ballesta Ruiz has written 304 posts. He can be followed on Twitter.

  31 Responses to “Add a Slideshow to Suffusion Theme Using Photonic”

  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.

  2. It’s awesome to pay a quick visit this web site and reading the views of all colleagues about this piece of writing, while I am also eager of getting familiarity.

  3. Good post. I learn something totally new and challenging on websites I stumbleupon on a daily basis.
    It will always be useful to read content from
    other writers and use something from other web sites.

  4. You actually make it seem really easy along with your presentation
    however I find this matter to be really one thing which
    I believe I might never understand. It seems too
    complex and very extensive for me. I’m taking a look forward in your subsequent post, I will try to get the grasp of it!

  5. thank you so much for this guide. I do not really understand how to create a WP galley and add it to the slideshow, though. I know that it’s probably a stupid question, but if you can help it’s be great! thanks :)

    • Hi and thank you for your question. If you need assistant can you please post here what theme you are using.

      Kind regards

  6. Hmm is anyone else having problems with the images on this blog loading?

    I’m trying to determine if its a problem on my end or if it’s the blog.
    Any suggestions would be greatly appreciated.

  7. I think this is among the most important info for me. And
    i am glad reading your article. But wanna remark
    on some general things, The site style is great, the articles is really
    nice : D. Good job, cheers

  8. Well written job. Looking forward for more posts like this.

  9. Do you have any video of that? I’d care to find out some additional information.

    • Hello and thank you for your comment. I don’t have a video created on this topic but if you let me know what information you need I will do my best to help you.

      Kind regards

  10. Have you ever thought about adding a little bit more than just
    your articles? I mean, what you say is valuable and everything.

    Nevertheless just imagine if you added some great photos or videos
    to give your posts more, “pop”! Your content is excellent but with pics and videos,
    this blog could undeniably be one of the most beneficial in
    its field. Fantastic blog!

    • Hello Gerard, thank you for your comment. Yes you are correct that more images and video’s would benefit my site substantially. I am always in the process of adding more information and I regularly update my post and add some new post.

      Thank you

  11. Howdy! This is kind of off topic but I need some help from
    an established blog. Is it very hard to set up your own blog?
    I’m not very techincal but I can figure things out pretty quick. I’m thinking
    about setting up my own but I’m not sure where to begin. Do you have any points or suggestions? Thanks

    • Hello and thank you for your question. If you are interested in adding a blog to your website in my humble opinion WordPress is the way to go. It is very popular with a huge community of developers that are continually adding to the code and contributing to the support forum. This is just some thought for you to dwell about. If you require more information please let me know.

      Kind regards

  12. Wow that was odd. I just wrote an incredibly long comment
    but after I clicked submit my comment didn’t appear. Grrrr… well I’m not writing all that over again.
    Anyways, just wanted to say wonderful blog!

    • Hello Juliane thank you for your comment. Sorry to hear that all your editing did not come through. I have some strong anti spam plugins and that is what might have removed some of your content.

      Kind regards

  13. I blog often and I genuinely thank you for your content. This article has truly peaked my interest.

    I am going to book mark your blog and keep checking for new information about once per week.

    I opted in for your RSS feed as well.

  14. You are so awesome! I don’t think I’ve read through anything like this
    before. So nice to discover somebody with a few original thoughts on this subject.
    Seriously.. thanks for starting this up. This web site is one thing
    that is needed on the internet, someone with some originality!

    • Thank you for your comment. By the way you have a problem in your website footer… Please check..

      Kind regards

  15. Simply want to say your article is as astounding. The clarity on your post is just great and i could think you’re a professional in this subject. Fine with your permission allow me to grab your RSS feed to keep up to date with approaching post. Thank you one million and please continue the enjoyable work.

  16. Dear Manuel,

    Great Blog,
    I am having a trouble on my slider page that – Slider & its thumbnail images having big gap.
    Can you let me help to resolve the issue?
    my url page link is http://sambodhan.com/?s=current+update.

    Thanks.

  17. Thank you for your comment.

    Kind regards

 Leave a Reply

(required)

(required)

sixteen − eight =

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>