Metaslider Plugin

The Meta Slider plugin enables you to quickly add a slideshow to posts, pages, and sidebars.

After activating the Meta Slider plugin in Plugins > All, you will see a new Meta Slider menu item added to your main navigation.

Metaslider menu

When you open MetaSlider for the first time in Dashboard > MetaSlider, you have two options available to create your first slideshow, Quick Start and Create Blank Slideshow

Select upload option

To create your first slide, select one of the following options:

  • Quick start – Simply drag and drop images for your first slide into the block to get started right away.
  • Create Blank Slideshow – This option lets you create a blank slideshow and then add the images to the slideshow.
CREATE SLIDER

You create a slider as follows:

1. Go to Meta Slider.

Click Metaslider

2. Click Create Blank Slideshow.

Click create blank slideshow

2. Click on the “+” button to create a new slideshow.

If you have already created slideshows click on New

Click New if already created a slideshow

3. Click Add Slide to add slides to your slideshow. CLick add slideshow

4. The Add Media window will load where you can upload images from your computer or select existing images from your media library.  Hold CTRL to select multiple images.

  • For larger slideshows it’s best to upload photos in batches of 10 or less.

5.  Add the Alt Text and Caption to each image once the images have uploaded.

Add alt text and caption

6.  Click Add to Slideshow to insert into your slideshow.

7. The slides are added to the slideshow and you can drag/drop the slides to change their order.

Drag and drop to rearrange

By default, the caption is set to what is set in the media library caption.  Any changes to the caption in the media library are automatically updated on the slide.

You can also link a slide to a URL.  When viewers click on the image they will be redirected to the URL you’ve linked to.

Link slide to a URL

8.  Using the Slideshow settings on the right-hand side select the type of slideshow you want to add, the effect, and your preferred navigation.  Here is where you can also adjust your slider width and height.

Slideshow types include Flex Slider, R. Slides, Nivo Slider, and Coin Slider.

Slideshow types

9. Select a slideshow theme on the right-hand side of the page to change the look and feel of your slider. 

Slideshow theme

10. Click on New Slideshow to change the title of your slideshow. 

Click New Slideshow

11. Add your new title. 

Add new title

12.  Click Save once you’ve finished customizing your slider. 

Click save when finished customizing

Edit Slideshow

1. Go to MetaSlider.

Metaslider menu

2. Click Browse slideshows or search slideshows and click on the Slideshow you want to edit. 

Click browse slideshows

3.  Make the changes to the slideshow then click Save.

 How you add a slideshow depends on if you are using the classic editor or block editor. 

Classic Editor

The following section explains how to add a slideshow using the classic editor.  If you are using the block editor, refer to Add slideshow using Block Editor below.

You add your slider to a post or page using the Classic Editor as follows:

1. Go to Posts > Add New or Pages > Add New.

Posts add new

2.  Place your cursor where you want the slider to appear and then click on the Add Slider icon. 

Click add slider icon

3.  Select the slider you want to add and then click Insert Slideshow. 

Select slider and click insert

4.  The metaslider shortcode will be inserted into your post.

Metaslider shortcode

5.  When you view your published post or page you’ll see your new slideshow.

Block Editor

The following section explains how to add slideshow using the block editor.  If you are using the classic editor, refer to add slideshow using Classic Editor section.

You add your slider to a post or page in the Block Editor as follows:

1. Go to Posts > Add New or Pages > Add New.

Posts add new

2. To add a Meta Slider block to a page you click on the + icon of any empty block or at the top left of the editor then search for Meta Slider, or locate it in the Widgets section, and click on the Meta Slider icon.

click on the Meta Slider icon

More detailed instructions for adding blocks can be found here.

3. From the dropdown menu in the Meta Slider block, select a slideshow you wish to insert in your page or post.

Select slideshow from dropdown

ADD SLIDER TO SIDEBAR

1. Go to Appearance > Widgets.


2. Add the Metaslider widget to the desired sidebar.

3. Add the title, select the slider you want to display, and click Save.

Select slider title and save