Плагин MetaSlider — бесплатный простой адаптивный слайдер

Плагин MetaSlider мне понадобился для очередного проекта, на котором было необходимо установить несколько простых слайдеров на одной странице. Выбор пал именно на этот плагин из-за простоты и минимального количества настроек, которых однако вполне достаточно для вывода вполне приличных слайд-шоу.

Плагин MetaSlider бесплатный и адаптивный, что не мало важно, хотя при желании можно подключить и pro-версию плагина. Более 700 000 установок! Обновляется постоянно полностью переведен на русский язык.

Итак об установке и настройке. Устанавливается MetaSlider обычным способом через админку WordPress или можно скачать с wordpress.org.

После установки и активации плагина переходим к созданию слайд-шоу. Все очень просто. Первоначально, для быстрого старта вам предлагается выбрать изображения путем перетаскивания:

После того как вы выберите и добавите изображения, переходим к настройкам:

Я обозначил их на изображении цифрами:

1. Ваши установленные слайды. При клике по ним можно редактировать изображения. Менять местами слайды можно путем перетаскивания.
2. Здесь пишите название вашего слайд-шоу (отображается только в админке)
3. Окно для выбора слайд-шоу, если их несколько на вашем сайте
4. Здесь можно добавить новый слайд, посмотреть что получилось, создать новое слайд-шоу или создать копию открытого слайд-шоу.
5. Здесь можно выбрать тип слайдера: в базовой версии четыре типа слайдеров:Nivo Slider (Отзывчивый, 16эффектов, 4 стиля)
   Coin Slider (4 эффекта)
   Flex Slider 2 (Отзывчивый, 2 эффекта, режим карусели)
   Responsive Slides (Отзывчивый, один эффект, самый легкий из всех!)
6. Здесь выбираем надпись на слайде
7. Устанавливаем размеры слайдера (я обычно подгоняю под пропорции и размер своих изображений) и устанавливаем пагинацию стрелки или кнопкию

Ну и последнее: В правом нижнем углу копируем шорткод для вставки. Если вставляете в запись или страницу из текстового редактора, то копируем то, что в квадратных скобках. Если в код файла, то копируем все.

Быстро и просто, очень удобно особенно если на странице необходимо установить несколько слайдеров.

На этом все, читайте так же о выезжающем меню на чистом CSS

Удачи!