Everyone loves a slideshow right?!
If you’ve been looking to add a WordPress Slider to your website, this post is for you.
WHAT ARE SLIDERS?
If you have been working with WordPress for a while you have no doubt encountered sliders and probably know what they are BUT just in case you don’t, let me explain. WordPress Sliders are slideshows on a website. Yup as simple as that. Sliders can include images, text, videos, posts and can be added to just about any area on your website.
Sliders, however, can either be very effective or a major distraction so be careful both on how and where you use them!
MY FAVOURITE WORDPRESS SLIDER PLUGIN
Okay so my favorite WordPress slider plugin is Soliloquy, know out there to be the best free, responsive slider plugin on the market. And the bonus is that it’s easy to install and has a drag & drag interface making it super easy to setup.
Soliloquy prides itself on being mobile responsive so your users get the best viewing possible. Soliloquy is optimized for SEO & speed. With Soliloquy slider, you can create sliders for posts, pages, and any other custom post type on your site. In other words, you can have a blog post slider, product slider, testimonials slider, photo gallery slider, and more.
HOW TO INSTALL & SETUP SOLILOQUY
Step 1: Install + Setup the Soliloquy Plugin
Login to WordPress dashboard then navigate to ‘Plugins’ > ‘Add New’.
In the ‘Search Plugins’ box on the right-hand side type in ‘Slider by Soliloquy – Responsive Image Slider for WordPress’.
Once the directory has found the plugin click the blue ‘Install’ button and then once that is done click on the blue ‘Activate’ button.
After the installation has completed you’ll notice a new ‘Soliloquy’ option on the left-hand side of your dashboard.
Step 2: Create a slide
Navigate and click on the new ‘Soliloquy’ option mentioned at the end of step 1.
Click on the ‘Add New’ button.
Give your slider a name in the first box that appears on the next page.
Step 3: Add your images to your slider
Next either Drag & Drop the images into the box provided or select the files from your computer or an external source.
Quick tip: Make sure your images are all the same size and that they are the correct web sizing. Correct web sizing will ensure that your slider loads fast.
Step 4: Configure your slider
Once you’ve added your images you’ll want to configure the slider to fit your theme.
If you navigate to ‘Config’ on the left-hand side you’ll be given the option to select the theme, size, transition, duration and speed of your slider. You can play around with these settings to fit in with the rest of your website.
Quick Tip: Set your dimensions to 3000 x 1000 if you’d like your slider to be the full width of the page.
Step 5: Add your slider to an area on your website
Once you’re happy with the images and settings head on over and click on the blue ‘Publish’ button on the right-hand side at the top.
Once you’ve published the slider, you’ll notice that Soliloquy provides you with various bits of shortcode and code that you can either use on your widgets, posts, pages or theme templates.
In this case, we’re going to use the shortcode and past it onto a page. The shortcode looks like this – [ soliloquy id=”2064″ ] or [ soliloquy slug=”2064″ ]
We’ll head on over and paste the shortcode into the page we’d like it on then click save.
And we’re done!
Remember you can add sliders to posts, pages and even widget areas!
TIPS FOR YOUR SLIDERS
- Keep it simple – limit the sliders to a maximum of 4-5 slides, anything more and it will be complete overwhelm for the reader or client.
- Make all your images the same size.
- Resize your images correctly!
- Ensure you add all the image attributes onto your images that you use so that your slider is SEO friendly
- Use catchy wording on your images to grab your readers attention
I’m not always the biggest fan of sliders on websites but used in the right way they can really make an impact on your website and encourage your readers to stick around for just a little bit longer.
If you have any questions, please drop them in the comments below. I’d love to hear how you got on with this tutorial guide.