How to Create a WordPress Slider with Tabs
Do you want to add the Navigation tab to your WordPress Slider? Providing additional navigation options to users can be a great idea and it looks good to add thumbnails to your slider. In addition, the larger thumbnails are that mobile users can make your slider easier than ever! If you want to add tags to your Soliloquy slider, this guide will run you up and customize the thumbnail Adon.
To add a tab to the slider, you must follow these steps.
- Step 1. Install and activate the Soliloquy plugin
- Step 2. Activate thumbnail Adon
- Step 3. Create an image slider with thumbnails
- Step 4. Add the slider to your website
Step 1. Install and activate the Soliloquy plugin
By default, WordPress slider does not come with functionality so you will need to download the Soliloquy slider plugin. You can buy solo or try using Light Edition. However, Thumbnail Adon will need a developer or master license.
The Soliloquy can be installed by navigating to the Administrative Dashboard, clicking Add New and then uploading the plugin. It can also be installed with FTP. Please check this installation guide if you have never installed a Premium Plugin before.
Once a policy is installed, you can activate it from the plugin screen and input your license key. Then, Soliloquy is ready to go!
Step 2. Activate Thumbnail Adon
Once a solioki is installed, you will need to activate Thumbnail Adon. On your administrative dashboard, navigate to SolioKnow »Add-ons. From there, you can activate this addon.
Make sure you have a developer or master license or you will not be able to activate it. Feel free to activate any other plugins you are interested in when you are here.
Step 3. Create an image slider with thumbnails
Go for Soliloquy -Add a fresh new one to start creating for a first slider. Go further and give the slider any title and add some of the images to it. If you get stuck, try this guide to create a slider with Soliloquy.
Scroll down and look at you with some tab settings on the left. Click the thumbnail to start customizing thumbnail settings.
You sure want to type enabling the slider thumbnail to enable to start.
The thumbnail and height of the thumbnail can take a bit of pinch to make it perfect. You’re usually safe to leave at default values (75 × 50), but if you want a small or big thumbnail, be free to experiment!
This is the margin for the space in pixels between each thumbnail. Low numbers will keep them together. Again, experiment!
The thumbnail position will manage the previews on any side of your slider. Try left or right for a stylish layout or paste it to the traditional bottom thumbnail position.
Thumbnail cropping will allow you to crop images to fit in the width and height specified. Otherwise, they will change shape, which can cause pixelation. If you reach the end of the slider thumbnails loop, you will see the set of images again. Otherwise, the thumbnail will stop scrolling and the loop will stop.
Finally, navigation arrows allow people to move your slider both by clicking on the thumbnails and left and right arrows (along with any navigation component on your slider!) By clicking on the arrows.
This is all for thumbnail settings. However, do not forget to navigate to the “Mobile” tab and if you want to display them on smaller devices, turn on mobile thumbnails.
Step 4. Add the slider to your website
Once you’ve finished setting up your slider, make sure to click Update or Publish. Now you can add a carousel to your website! On the right, you should see two different shorts and two template tags.
Shortcodes allow you to place sliders almost anywhere on your website. In the post, page content, and in the sidebar – where there is a visual editor. If you want, you can paste template tags into your theme’s template file and add your slider in that way.
Finally, at the top of the visual editor, you click Add Slider and you select the carousel created from the list.
Once you save and update a post, page or file, your slider should now appear on your website!
Create thumbnail slider
Your new slider is beautiful! Thumbnail is not just a navigational tool; They are also nice looking connections on any slider. Now that you’ve added thumbnails, why not use any more of your slider with navigation bar or lightbox?