How to add a Slider to WordPress Website

Having an interactive slideshow on top of a web page let you highlight your site’s important details on your site in a visual manner. Sliders immediately grab your visitors’ attention and allows users to quickly take action. Most websites put slideshow at the top of the page before their main content.

There are many WordPress slider plugins available which allow you to create your own sliders and add them to your home page, landing pages, posts, or any where you want.

Meta Slider


Meta Slider is by far the most popular slider available for WordPress It comes with four jQuery sliders –Nivo Slider (responsive, 16 transition effects, four themes), Coin Slider (four transition effects), Flex Slider 2 (responsive, two transition effects, carousel mode), Responsive Slides (responsive, fade effect only).


Install and activate Meta Slider plugin

Follow this article How to install a WordPress Plugin .
After activating Meta Slider plugin,  you will see new menu item “Meta Slider” on left sidebar. Click on it.

In this page, you can create new slider. Creating a new slider is simple – add new slides, change settings and save.


Putting a Slider on wordpress post/pages

1: Create a post/page by going to Posts/Pages > Add New.
2: At the top of the page content, you will notice a button to add a slider. Click this button and select the slider from the options available (if you have only created one slider, there will only be one option).


How to put the slider on the front page of your website

1: To put the slider on the front page of your website, you will first need to create a page(as mentioned above) for home page. Go to Pages > Add New.
2: Add slider in the new page.
3:Once the page is ready, Go to Settings > Reading in WordPress and set the front page display as “a static page”. From the dropdown, select the newly created “Home” page as your static page.


WordPress has plenty of WordPress slider plugins ready at your disposal. See 8+ Most Popular WordPress Slider Plugin


8+ Most Popular WordPress Slider Plugin

WordPress has plenty of WordPress slider plugins ready at your disposal. Most will get overwhelmed by the many slider plugins available in WordPress. Those who want to try using plugins won’t go dwell into buying them. Others just don’t want to spend money in a slider. So if you’re looking for free WordPress plugins to try out in your website or blog, here are some of the best.

Huge-IT Slider

HugeIT
Huge-IT Slider

Huge-IT Slider is a free WordPress slider plugins that lets you add custom sliders to your WordPress blog or website. This slider has the following features:

  • Add URL to point to specific pages in your website.
  • Can use different sliders to different pages.
  • Can post unlimited sliders on a page.
  • The descriptions and titles can be used as hyperlinks.
  • Auto-generated shortcode to add slider to post, pages or templates.
  • Smart Targeting System: Internal links open up inside the page while external links open in a new page.
  • Support for HTML titles and descriptions.
  • Drag and drop

Pro Features
When you upgrade to Pro for a minimum of $30, you’ll get the following features:

  • Able to add videos on sliders.
  • Can add content to sliders.
  • 15 various navigation buttons.
  • 9 various positions for slider title and description.
  • 24/7 technical support.
  • Ability to manage your own design.

 

Download Huge-It Slider.


Meta Slider

metaslider
MetaSlider

 

Meta Slider is a popular WordPress slider plugin that lets you create slideshows by simply selecting images from your WordPress media library, drag and drop it in to place, set captions and you have your own slider. You can choose from various slider designs and has a shortcode to easily embed the slider to your website.

Here’s a look at what’s best with Meta Slider:

  • Easy to use interface.
  • Create SEO-optimized slideshow in seconds.
  • Admin preview
  • Built in widget and shortcode.
  • Plenty of slideshow configuration options.
  • Compatible with WordPress multi-site.
  • Compatible with translation plugins like qtranslate, polylang, and WPML.
  • Few JavaScript/CSS are used on your page. Z
  • Limited support.

If you upgrade to its Pro version, you’ll get the following:

  • Video sliders
  • HTML sliders
  • Layer sliders with CSS3 animations.
  • Custom themes
  • Thumbnail navigation
  • Premium support

Download MetaSlider.


Easing Slider Lite

easingslider
Easing Slider Lite

Easing Slider Lite is the second most downloaded WordPress slider plugin in the repository. Garnering more than 400,000 downloads, this lightweight plugin lets you set the dimensions of your sliders and you also have the option to make the sliders responsive.

With Easing Slider Lite, you can choose from two transition effects: fade and slide. And like many slider plugins, this also has support for shortcodes. The only problem is you can only create one plugin for your site, if you need more sliders, you’ll need to upgrade to Easing Slider Pro.

Easing Slider Lite has the following features:

  • Only 16kb minified and that already includes styling.
  • CSS3 transitions.
  • Navigation arrows and pagination.
  • Visual editor
  • Built in JavaScript events.
  • Bulk image uploading integrated with WordPress Media Library.
  • Preloading functionality.

Download Easing Slider Lite.


Wow Slider

WOW Slider
WOW Slider

 

Wow Slider is a fantastic WordPress slider made for non-coders. This slider comes with tons of stunning visual effects and professionally made templates that you just have to point and click to create sliders. With that in mind, building one will only take a few seconds without any need for coding or image editing.

Wow Slider is a responsive slider made entirely of CSS so it can work even if JavaScript is turned off. It has touch and swipe support and can work with all browsers.

 

Download WOW Slider.


Slide Deck 2 Lite

Slide Deck 2 Lite
Slide Deck 2 Lite

Slide Deck 2 is a free WordPress plugins that comes with plenty of features. For a free plugin, you’ll get the advanced functionality that you usually pay for in a plugin but this time, it’s free.

Easily create content sliders out of almost any other content. You can also connect to a variety of sources like Pinterest, Flickr and YouTube without touching any code.

The lite version lets you create sliders out of 14 content sources but does not include Facebook and NextGen Gallery. If you need content from these sources, you may need to opt-in for the premium version.
Promotion Slider
Promotion Slider is a JQuery Slider that lets you insert a simple slideshow or use it for rotating ads in your website. It is a highly customizable plugin that offers complete control on the slider.

With its straightforward short codes and extensive flexibility, anyone can create a slider with just a few clicks, while power users can take advantage of the special actions built in the plugin.

The plugin also features:

  • Automatic inclusion of featured images attached to the promotion.
  • SEO friendly JQuery animation that is compatible even in mobile devices.
  • Slider navigation.
  • Comes with various default styles to choose from.
  • Can link external URLs instead of promotion pages in the slider.
  • Allows to display certain post type or limit the post on a certain category.
  • Can display title and/or anchor, or excerpt from each post or promotion.
  • Can work with custom post type.
  • Can display multiple sliders on a single page without conflicts.
  • Plenty of hooks available.

Download Slide Deck 2 Lite.


Soliloquy Lite

Soliloquy
Soliloquy

 

Soliloquy Lite is a simple yet responsive slider plugin for WordPress. It’s so simple that you do not need to download any Flash software to create and upload sliders. In fact, it can work out of the box without fiddling too much with its settings.

Through custom post types, Soliloquy lets you create any number of responsive sliders with any number of images in it with just a few clicks of the mouse.

This light version of the plugin works well with most of your needs for a slider. If you need more features like video slides and have access to Addons, you’ll need to purchase Soliloquy Pro. Otherwise, enjoy these features:

  • Can use custom post types to create unlimited WordPress sliders.
  • Drag and drop compatible.
  • SEO optimized.
  • Completely responsive sliders and can work with touch enabled devices.
  • Shortcode and template tags.
  • Smart JS and CSS loading.
  • Media uploader button to easily insert images in you slider to the post in your WYSIWYG editor.

Download Soliloquy.


Smooth Slider

SmoothSlider
SmoothSlider

Smooth Slider is a WordPress slider that can let you create a slider in as fast as 50 seconds. Under this time, you have already embedded recent, featured, or category-specific post using Smooth Slider. Smooth Slider lets you create dynamic slideshows for your post, pages, images, and custom post types.

Smooth Slider lets you place content and image slideshows with a customizable background anywhere in your site.

The plugin boasts some of the best features like:

  • Responsive design
  • Lets you preview the slider in Admin panel.
  • SEO friendly slide show.
  • Take full control of its looks through the Settings panel.
  • No coding required.
  • Create you own stylesheet.
  • Sliders can be removed with just a single click.
  • Six transition effects
  • Comes with template tag, shortcode and widget.

If you need more features, simply upgrade to Smooth Slider Premium. The premium version allows you to create unlimited settings, unlimited custom sliders, multiple design options and other cool features.

 

Download SmoothSlider.


Responsive Slider

Responsive Slider
Responsive Slider

Responsive Slider is a slider plugin that lets you create slides that contains linked images and titles. This is a very simple slider with only a few settings that won’t overwhelm new users yet advanced users will find it easy to use. To add a new slide, all you need to do is place it anywhere in your site using a shortcode or into your theme using a function call.
The main purpose of this slider is to add a responsive slider to go along with responsive WordPress themes. This slider automatically adjusts to any container out of the box without any need to add or tweak to your JavaScript or CSS code.

However. this plugin is only limited to one on your entire website. If you need more sliders to add on each of your page, we suggest to go use other plugins instead.

Download Responsive Slider.


Smart Slider 2

Smart Slider 2
Smart Slider 2

Smart Slider 2 is a WordPress slider plugin tha comes with an intuitive interface for backend. This makes it easy for you to design a beautiful slider in your WordPress blog or website. All you need to do is grab a new layer, move into the canvas and insert some items to the canvas through dragging and dropping and your slide is ready.

Features:

  • Administrator page with live preview.
  • Fully integrated to WordPress.
  • Multi-level animation system.
  • 100% responsive slider with advanced responsive mode.
  • Change the overall look and feel even without any coding background.
  • Save and load your own slide design.

SliderShock – A Beautiful JQuery Slider

SliderShockThis may be one of the most beautiful work from the Shock Family. This JQuery Slider is so versatile that you can choose more than 30 effects, skins, designs. You can also modify caption image, fonts, pattern backgrounds, add content from external sources like YouTube, Vimeo, Flickr, Instagram, RSS and more. Moreover, you can place thumbnail in any positions of the slider. In addition to that, the slider has fixed width, which is great to use for any device , it’s re-sizable which means you can add it to almost any page, custom post types, custom taxonomies, and featured post. It also has support documentation for both English and Spanish.

 

You really have to check it out: http://skyje.com/jquery-slidershock/