How To Add Image Slider In WordPress Website

After downloading go to Plugins >> Add New. From the Add Plugins screen, click on the Upload Plugin button.

Then click on the Choose File button select the downloaded Depicter plugin file on your computer and hit the Install Now button.

Then Activate the plugin and you are ready to create your image slider.

2. Create Your First Image Slider

Now click on the Depicter section from the left sidebar menu and choose the pre-built template or start with a blank slider.

Depicter comes with so many pre-built templates in different categories like business, booking, online shop, food, portfolio, and service.

You can preview any template and check for its responsiveness i.e. if it is mobile-friendly.

After selecting the template (or blank canvas) now start designing it.

3. Design Your Slider

Using the robust Depicter interface, you can start developing your slider immediately whether you import a template or start with a blank canvas.

The interface contains all the elements that you can add to your sliders, such as photos, texts, videos, shapes and vectors, and buttons.

Text Options

As shown below, text can be customized in a variety of ways, including font face, letter spacing, direction, line height, and more.

Additionally, Depicter provides you with pre-made font combination styles to use.

Stock Image and Video Library

You can add any images from your media gallery however Depicter also has a library of royalty-free stock images and videos that you can use.

Along with that, you can also embed videos from YouTube and Vimeo into your slides and opt for auto-play or video pauses on slide changes with a few other playback control properties.

Shapes and Vectors

Depicter’s shapes tool lets you quickly draw a range of shapes, including triangles, squares, and circles.

Buttons

If you want to include buttons in your slides, Depicter has a number of ready-made options for you to choose from.

Other features like Navigation control, Hover effect and Animation are also included in the Depicter slider plugin.

It’s a great plugin to create an amazing slider for your website.

You can also choose whether or not to enable lazy loading of the slides and what type of loading animation to display.

Depicter supports custom CSS so you can customize your slider even further.

When you’re happy with your slider, you can publish it on your WordPress website.

How To Create A Slider In WordPress Using Meta Slider?

Meta slider is not only free, but it is very popular with around 1 million downloads and a rating of 4.8 out of 5.

The responsive nature of this plugin gives flexibility to your website to run on every type of device such as mobile phones, tablets and so on with different screen resolutions.

So let’s get started on how to install it and how it works.

1. Install Meta Slider On Your Website

Installing the Meta Slider is the same as installing other plugins.

1. To do so, log into your site’s admin panel.

2. You will see a Plugin option on the sidebar of your dashboard; click on that, then click on Add New.

3. You’ll find the search box in the top right corner; type metaslider into it and install it (as shown below).

4. After installing and activating the plugin, you can create your image slider from the newly added sidebar menu item.

2. Create A Slideshow Using A Meta Slider

Once you complete all the above steps, you will get an option of a Meta Slider button in the sidebar of your dashboard.

To create the slide, click on the Meta Slider tab. Then select the images from your media library or directly upload the images from your computer.

Once you click on the Meta slider tab, you can see the (+) New button and (+) Add Slide button. So, click on New and give it a name e.g. Homepage Slider.

For reference, follow the below steps.

Now, select the photographs you want to use in your slider. To do so, choose the images one by one using the Add Slide button.

Then, if desired, add a caption that will appear on top of the photograph.

You can also add a URL to the images and turn the slider into a link, that can be an external link or a link to another page or post on your website.

It makes a slideshow an excellent way to highlight the key posts of your website.

In addition, to improve the SEO of your webpage you should customize your image with an SEO-rich title and alt text by going to the SEO tab highlighted above.

You can customise the behaviour and appearance of your slide by using the options provided on the right side of the page.

The option allows you to:

• Set the image size
• Transition effect
• Animation speed
• Pause on hover
• Slider type
• Slide direction
• Autoplay and much more

Depending on the slider type you choose, you can alter the appearance of the slideshow.

You can choose Flex slider, R. slider, Nivo slider or Coin slider each one of them has a different appearance and functionality.

So, it’s worth experimenting with them to see which one works best for your website.

How To Add Meta Slider To Your Site Home Page?

Simply add the shortcode provided by the meta slider to your homepage or anywhere on your website to add the new slider.

Once you’ve finished creating the metaslider, click the Save button and copy the code and paste it into the page or post where you want the slider to appear.

The code will look like [metaslider id=”114″].

You can always make changes/updates to the meta slider you have created without any hassle.

Meta Slider Addons

You can extend the functionality of the core Meta Slider plugin by installing free add-ons. These plugins are available in the WordPress Plugin Directory.

1. Meta Slider Lightbox

The Meta slider lightbox plugin allows you to configure your slides to open in a lightbox window when a user clicks on them.

Lightbox gives your website’s visitors a great UI experience by giving them a unique way to view your slideshow content.

2. Meta Slider Schedule Slides

Meta Slider Schedule Slides add-on is an easy but effective way to hide individual slides from your slideshow without having to delete them.

Other features of the Meta Slider Schedule Slides add-on are:

• Adds a “Schedule” tab to each slide, with start/end date and time.
• Adds a “Hide slide” checkbox, to easily prevent a slide from being displayed, without having to delete it.
• Adds an Admin Title field, for an easier organization/quick review of the slides.

However, if you are looking to add more features and functionality to your slider, then you might think about its Pro version.

Meta Slider’s Premium Offers

The Premium version of the Meta Slider has so many functionalities.

You can display videos (from YouTube & Vimeo) as well as custom HTML content on your sliders. Besides that, you can easily add custom text, images, and much more to your sliders.

In fact, if you have a WooCommerce-powered e-commerce website then you can easily display featured products and offers to your visitors as a header slider.

The pricing options of Meta Slider Pro are very unique, you can easily access all of the Pro features according to the factor of how many sites you plan to use the plugin on. The Pro offers start from $39.50$ (1 site) to $99.50 (unlimited sites).

Hope this article will help you in adding a slider to your website.

However, if you want to make a responsive image gallery you can check our detailed post on how to make an image gallery on the WordPress website.