| WordPress

How to Use the Metaslider Plugin in WordPress

Most people agree, that sliders or carousels give your WordPress site a professional and fresh look. The Metaslider Plugin adds this functionality and provides some interesting customization features to give each slider a unique look.

Keep reading to learn how to integrate this useful plugin into your site!

Step #1. - Install the Plugin

  • Click Plugins > Add New.
  • Search for Metaslider.
  • Click Install Now.
  • Click Activate

How to Use the Metaslider Plugin in WordPress


Step #2. - Create a Slideshow

  • Click Metaslider link on the dashboard.

There is some kind of CSS bug, which makes the container wider than 100% of the screen size. Simply collapse the sidebar to remedy that.

The Metaslider interface is clean and well-thought out. There is a search box on top, and a dropdown-navigation on the left which makes it easy to locate a particular slider. This is especially useful when having more than 15 sliders. 

The menu on the right provides global editing options for each slider, as well as, a link to the plugin’s documentation.

On the right sidebar, the additional configurations provides the unique look and feel of each slider.   

  • Click Add Slide.

How to Use the Metaslider Plugin in WordPress

 

  • Upload images to your Media Library.
  • Select 5 or 6 images.
  • Click Add to slideshow.

How to Use the Metaslider Plugin in WordPress

 

Each slide has a tabbed menu. Let’s focus on the tab called General

  • Click Enter manually and add a proper caption for each slide. 
  • Enter a redirection link for the first slide.
  • Click Open in a new window.
  • Change the slider type to Nivo Slider.
  • Scroll down and play around with the slider configuration options.
  • Copy the shortcode in red provided by the plugin.
  • Scroll up and click Save.

How to Use the Metaslider Plugin in WordPress


 Step #3. - Add the Slider

  • Click Posts > Add New.
  • Enter the shortcode you copied on the last step.
  • Click Publish twice.

How to Use the Metaslider Plugin in WordPress

 

Take a look at the published post, you will see the slider working properly.

How to Use the Metaslider Plugin in WordPress

 

If you click on the first slide, you will be redirected to the link you provided in a new browser tab.


Step #4. - Metaslider Custom Themes

By default, Metaslider provides some pre-configured themes. 

  • Click Metaslider on the dashboard.
  • Click Select a custom theme.

How to Use the Metaslider Plugin in WordPress

 

  • Choose the theme of your liking.
  • Click Select.

Notice also, that you have a Preview option. 

How to Use the Metaslider Plugin in WordPress

The slider will update on your site after refreshing the page. 

I hope you liked this tutorial. Thanks for reading!


About the author

Jorge lived in Ecuador and Germany. Now he is back to his homeland Colombia. He spends his time translating from English and German to Spanish. He enjoys playing with Drupal and other Open Source Content Management Systems and technologies.