Agree that the presence of an image slider on the site looks pretty nice. slider on home page site is not only a stylish appearance, but also a good informative content of your site for visitors.

We will create the slider using the popular Meta Slider plugin, and test its work on the Twenty Sixteen theme.

Creating a slider

So, after installing and activating the plugin, a new menu item will appear in the admin panel Meta Slider, when you click on it, you will be taken to the main window of the slider.

Since no slides have been created, there is only one single button with the inscription “ Create your first slide show". After pressing it, the window of your first slider will open.

So, you have created an empty slider, which by default has a name New slider. If you need to rename it, then this can be done by clicking on the tab at the top left and entering a new name.

So, the slider has been created, now you need to add slides to it, which can be done by clicking the button on the right Add slide. After adding all the photos, the window will look like this:

Before publishing the slider on the site, you can familiarize yourself with the options that the plugin offers.

The first thing to say is the removal of a slide. To do this, you will need to hover over the slide picture, where the red trash icon will appear, and click on it.

On the slider editor page, you can also specify its size, switching effect, appearance.

In addition, you have access to additional settings: slider to full width, center alignment, automatic slide playback, smart photo cropping, reverse slide show, slide switching time, slide time, etc.

So, after adding all the necessary slides and settings, you must click the button Save. Thus, you have created a photo slider.

Slider output on the site

Now it needs to be displayed on the site. To do this, the plugin offers two options: show the slider on a separate page or insert special code to the theme template.

To show on a separate page, the first step is to create a page ( Pages -> Add New), in which to insert a special shortcode that the plugin offers you. It can be seen in the slider's edit window (in our case it is ).

After publishing the page, you will be able to see your slider on it.

To insert a slider into the theme of your site (recall that we use the theme Twenty Sixteen) you need to make changes in the theme files. To do this, go Appearance-> Editor, choose a topic Twenty Sixteen and in the list of available theme files find header.php header.

Now find the line in the code