I am assuming that you successfully installed latest version of Advanced post slider. Click ‘Adv. Slider’ tab from dashboard. You will get a predefined slideshow option set under each design template. The manage screen should look like the following screenshot.
Click to expand the option set and check the different options available. There are lots of options and those are grouped in different sections. Though all the options are easy to understand but sometimes it’s make little confused if you have lots of options available. So, for simple start up you can follow rest of this tutorial or you can start experimenting by yourself.
Before start you need to understand one thing, Advanced post slider use posts (built-in post, custom post type or page) for slideshow. So, you don’t need to add slide or slide image here. Create some posts or use existing posts for slideshow. Your post featured image will be used for slide image.
- First check Advanced post slider demo pages and choose a design format that suited your need.
Template one »Template two »Template three »
- Let’s start with template one predefined option set. First you need to select some post to show on slideshow. You can select post from list of all posts or you can use query to select post. Go to ‘Select post’ section, choose post selection method then select some post or adjust the query (like selecting post type, category, order etc.) and click save changes.
- Go to ‘Label & Usage’ section, copy the slider short code and paste it at your desired location.
If need to use at your php template file, use WordPress function “do_shortcode” like the following
- Now, you may need to change slider container and image size. The used default image size is ‘advps-thumb-one’ and dimension is 600px X 220px. You can change it from ‘Thumbnails’ tab.
Also, you can choose WordPress default thumbnail sizes or your theme created thumbnail sizes. Go to ‘Container & Thumbnail’ section and select your desired size. Then adjust slide container width according to your selected thumbnail size. For template one, slide container width should be same as your thumbnail width.
That’s the basic start up. Now, you can play yourself and explore other available options.