The website slider simply acts as a slideshow that can be inserted into any pages and blog posts. With it, you can showcase all your critical contents with a vivid and visually appealing manner before the detailed contents of a specific webpage. Therefore, your readers can check the highlights quickly and take some actions.
In this case, we’d like to introduce a step-by-step tutorial about how to create WordPress slider. Note that among all the widely-used WordPress slider plugins available, we recommend you to have a try on Soliloquy for finishing this process.
Create WordPress Slider using Soliloquy
First of all, you need to install and activate the Soliloquy plugin from your WordPress dashboard. After that, you can find a newly-added section named as Soliloquy in the left-hand column. Then, click the Add New button from the drop-down menu to create your first WordPress slider.
Create the Image Slider
Here, you need to firstly give your new slider a title, so that you can find and manage it easily later. Then, you should click the Select Images button to upload the pictures that you want to display in your sideshow.
Here, as images now also need to be optimized for website SEO, you’d better click the exclamation mark located at the left top section of your uploaded images. Here, you can edit the meta data for it, such as the image title, image alt tag, caption and hyperlink if needed.
Next, you need to click the Config button to adjust the basic configurations for your slider display. These include the slider theme, dimensions, transitions, transitions speed and duration, slider gutter and many more. Simply decide them based on your preference and webpage design.
- Slider Theme – You can choose among Base, Classic, Metro and Karisma based on your plugin license.
- Slider Dimensions – You can choose among the options of Default, Medium, Large, Full Width and Thumbnail.
- Slider Transition – The default type of transition is Fade, but you can also choose to Scroll Horizontally and Scroll Vertically.
- Slider Gutter – This is the margin between your content and the slider. You need to decide its pixels carefully for the better webpage design.
If needed, you also can configure some miscellaneous settings for your slider lightbox showcase, such as the internal slider title displayed in your WordPress admin, the internal slider slug for some advanced slider queries, and some custom CSS classes for your slider.
Now, you need to insert your newly-created slider into your blog posts or webpages. To do this, you should publish the slider firstly and click the Soliloquy button to manage it.
Then, you can find three methods for slider inserting.
- You can copy the generated shortcode and paste it into either the pages or your sidebar widgets manually.
- Also, you can use the template tag that needs to be inserted into the template files.
- If you are more comfortable in using the Visual Editor, you can click the newly-added icon of Add Slider and choose your target slider for inserting.
Now, you can go to your website front-end to check your image slider.
Create the Video Slider
It is possible that you do not want to showcase the images in your slideshow, but display the videos. If you are in this case, the free version of Soliloquy cannot satisfy you. Instead, you need to upgrade it to the pro version that charges you starting at $19 effectively.
Upon the purchasing, you should again click the Add New button from your WordPress admin. Here, you can not only find the Select Images button, but also check a link for inserting slides from other resources. Simply click it.
In the next page, you can choose the slider types among images, videos, and HTML. Simply choose the Video Slides and click the Add Video Slide button.
Here, if your videos are coming from YouTube, Vimeo and many other video resources sites, you simply need to offer the right video URLs. However, if the videos are made by you, which are saved in your local computer, you’d better upload them to the video resource sites firstly and then enter the URL. Never upload a video to your WordPress directly, for this practice is resource consuming.
Next, you should add more information about this video slider, such as the slider title, video URLs and slider caption. In addition, you should choose a placeholder image that is coming with the high definition and can represent your slider the best. If you do not choose, then this plugin will pick a random one for the showcase.
Again, just like create an image slider, you now need to decide the meta information of your videos and the display configurations of your slider. Once done, simply insert it into your posts or webpages the same way as you do for the image slider.