3heads-gear3headschatchecklistglobehead-lockhead-plusimaclife-ringlogo-cornelllogo-melbournelogo-northhamptonlogo-portsmouthlogo-small logo-vancouverlogo-yokohamamail-line mail-wings pdf pie-chartplayplugprinter skype website
Print Friendly, PDF & Email

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 MetaSlider menu item added to your main navigation.

MetaSlider dashboard

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.

Add your first slideshow

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 Slideshow

1. Go to MetaSlider.

MetaSlider dashboard

2. Click Create Blank Slideshow

Create blank slideshow

If you have already created slideshows click on New.

Click on New

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

Add a new slide

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 its 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 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.

Re-order slides

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

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

Add 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.

Select slideshow settings

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

Select slideshow theme

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

Click on title of slideshow

11. Add your new title.

Add new title

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

Click save

Edit Slideshow

1. Go to MetaSlider.

MetaSlider dashboard

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

Locate the slideshow

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

Add Slideshow to Post or Page

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 slideshow using the classic editor.  If you are using the block editor, refer to add slideshow using block editor section.

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.

Add New Post

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

Add Slider

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

Insert Slideshow

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.

Add new post or page with block editor

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 Meta Slider block

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 slider from dropdown

Add Slideshow to Sidebar

1. Go to Appearance > Widgets

Widgets

2.  Add the Metaslider widget to the desired sidebar.

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

Metaslider Widget