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:
- Download photonic from WordPress.
- Photonic Generic Options
- Photonic Generic Options Layouts
- Photonic Generic Options Popup Panel
- Add a Slideshow to Suffusion Theme Using Photonic
- Add a Slideshow to Suffusion Theme Text Widget
- Add Picasa Photos Using Photonic Plugin WordPress
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
2 ) Next select insert to add the images to the gallery. I have selected 3 images which were already uploaded. See image below.
You will notice the 3 images selected at the bottom of your media library. See image below.
Next, while you are still in media library click on Photonic. See image below.
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 (*).
4 ) Once you have completed the settings above click on Insert into post button, see image below.
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.
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.
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.
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.
7 ) Now if everything goes well, you should have a simple slideshow on your page or post. See image below.
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.
More suffusion tutorials: