Слайдер для Вордпресс

Слайдеров для WordPress очень много, но найти подходящий трудно, так как с виду бесплатный плагин на деле оказывается урезанным или вообще не функциональным. Особенно это касается адаптивных слайдеров — в основном они все платные. Но решение есть!

Бесплатный слайдер для Вордпресс

Мета слайдер — плагин слайд-шоу, который легко настраивать и использовать, а главное — он отлично вписывается в адаптивный шаблон сайта. Кроме того, созданные слайд-шоу являются SEO-оптимизированными, что положительно скажется не только на внешнем виде, но и на авторитетности вашего сайта в глазах поисковых систем. Этот слайдер для Вордпресс состоит из нескольких частей: Nivo Slider, Flex Slider, Coin Slider и Responsive Slides — рассмотрим каждую отдельно, но начнём с установки этого плагина.

Установка слайдера на сайт

Всё как обычно — переходим в раздел консоли «Плагины» — «Добавить новый». Вписываем в окно поиска «Meta Slider». В полученных результатах, ищем плагин Meta Slider и нажимаем ссылку «Установить». В конце установки щёлкаем «активировать плагин»:

Установка слайдера

После активации, в консоле управления сайтом появляется новая вкладка:

Вкладка в консоле Meta Slider

Настройка плагина слайд-шоу

Начнём настройки с создания слайдов. Делается это так: щёлкаем на новую консоли сайта «Meta Slider». Открывается новое окно, где и нужно сделать необходимы настройки:

Окно настроек слайдера

Итак, изначально слайд-шоу у нас называется «Header» — это название можно сменить, щёлкнув в соответствующем месте. Добавление ещё одного слайд-шоу выполняется нажатием рядом на вкладку «+»:

imya-slaydshou

Добавим картинки в слайды, для этого нажимаем на кнопку «Добавить слайд». Откроется библиотека медиафайлов Вордпресс — можно выбрать существующие картинки или загрузить новые. Выбор осуществляется нажатием на кнопку «Добавить в слайдер»:

dobavlenie-v-slayder-kartinki

Теперь выбранная картинка отображается в нашем слайде:

nastroyka-kartinki-v-slayde

  • «Описание» пишем тот текст, который будет отображаться на изображении при просмотре слайдера на сайте.
  • «Ссылка (URL)» — можно указать ссылку на страницу, которая откроется, если пользователь щёлкнет на картинку при просмотре слайдера на сайте.
  • «Отрывать в новом окне» — можно ставить галочку, можно пропустить — решайте сами.

Вкладка CEO:

seo-kartinki-v-slaydere

  • «Title изображения» — указываем заголовок картинки для её поисковой оптимизации.
  • «Alt изображения» — пишем описание картинки.

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

Настройки слайдера

Они просты и рассматривать их не будем. Адаптивный слайдер — это R.Slides.

Использование слайдера в шаблоне сайта

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

Шорткод слайдера

Шорткод вставляется в записи и страницы в режиме Html, а также в виджет «Текст». Вставка в шаблон немного трудней — специальный код нужно разместить в одном из шаблонов сайта (single.php, index.php и так далее). Для этого нужно выполнить следующие действия:

  1. Открыть редактор «Внешний вид»«Редактор» и выбрать нужный шаблон.
  2. Чаще всего слайдеры устанавливаются в шапку сайта, поэтому открываем шаблон Header.php (Заголовок).
  3. Ищем в файле Header.php закрывающий тег </header> и перед ним вставляем примерно такой код (у вас он может быть другим):
<?php 
    echo do_shortcode("[metaslider id=1143]"); 
?>

Сохраняем изменения и любуемся новой фишкой на своём сайте. Слайдер можно расположить в любом месте — дерзайте!

комментария 22

  1. Наташа:

    Здравствуйте, подскажите, пожалуйста. Вот в админке в слайдере загруженные фотки смотрятся нормально, чётко, хорошее качество, но вот на самом сайте — эти же фотки в слайдере немного расплывчаты, не резкие, мутные. В чём может быть причина?

  2. мария:

    Установила мета слайдер, всё отлично. Посоветуйте, где хранить фотки для того, чтобы по ссылке они открывалась в полном размере? Куда лучше всё свалить, чтобы не загружать wp?

  3. Подскажите, а есть ли возможность удалить из слайдера одну картинку?

  4. Сергей:

    Подскажите в чем может быть проблема. Я вставляю metaslider id=1143, только со своим id и мне выдает вот такую проблему

    Internal Server Error

    The server encountered an internal error or misconfiguration and was unable to complete your request.

    Please contact the server administrator, webmaster()dverinaveka.by and inform them of the time the error occurred, and anything you might have done that may have caused the error.

    More information about this error may be available in the server error log.

    Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

  5. Карина:

    ps Доброго времени суток 🙂

  6. Карина:

    У меня почему-то не отображается русский шрифт в описании слайдеров?
    Кодировка вроде русская utf-8 везде стоит..
    Не подскажете, где искать проблему?

    • Добрый ADMIN:

      Хм…. интересная проблемка…. надо подумать. На счёт кодировки — вы как-то неуверенно пишите, проверьте, чтобы знать точно какая кодировка используется.
      Посмотрите на хостинге в разделе Language. Может нужно обновить этот слайдер или наоборот откатить его — установить более раннюю версию — у меня самая свежая не отображает редактор кода.
      Вероятно ошибки в самой последней версии получились xD

      • Карина:

        Язык русский везде стоит. «Вроде» я сказала, потому что не уверена, что везде где нужно проверила.
        В wp-config стоит русский
        в phpmyadmin тоже русский..
        в htaccess кажется нет такой строки (читала как раз на днях, что можно туда строку с кодировкой вставить, но как-то стрёмно, если честно.. ничего не рухнет из-за этого изменения?)

        Агаа.. Пока попробую откатить на более раннюю версию, спасибо за совет 🙂

        • Добрый ADMIN:

          Пожалуйста! Отпишите потом о результатах — если не поможет, будем разбираться)

          • Карина:

            Снова я со своей проблемой))
            Откатилась до версии 2.7.2
            Русский отображается, ура-ура-ура!

            Но вот только превью на этой версии, конечно, не удобное — открывается на новой странице.. Может быть можно как-то скомпановать 2 версии, последнюю и с нормальной кодировкой…? Странно, но в версии 2.7.2 нет файла русского языка в файле languages.. оО а русский отображается в слайдере..мистика))

            Попробовала заменить этой папкой папку в версии 2.9.1. — ничего не удалось 🙁

          • Добрый ADMIN:

            Ничего не нашли? Скомпоновать можно — вопрос только во времени — на всё его нужно)

          • Карина:

            Да все таки решила отказаться от этого плагина. пока…пока не разберусь 🙂
            Дело в том, что когда подписываешь фото для слайдера, подписи автоматически будут проставлены в галерее этих фото, принадлежащих какому-либо объекту…

            вот такая печалька.. выглядит это не очень..обнаружила совершенно случайно.
            до новой версии не откатывалась

          • Добрый ADMIN:

            да… печалька))) плагинов много — остаётся только искать альтернативы)

          • Карина:

            ага.. я уже по 4 кругу плагины-слайдеры изучать буду))
            все равно, спасибо за советы 🙂

          • Добрый ADMIN:

            Всегда пожалуйста!)) Я кажется понял вашу проблему — при большом описании оно не влазит всё в картинку. Вероятно это проблема всех слайдеров)

          • Карина:

            на самом деле в описании было от одного до двух слов =)

          • Карина:

            Ой, вопрос немножко не в тему.
            У меня еще проблема была, комментарии приходили на модерацию несколько раз, одни и те же.
            Допустим, я проверяла работу комментариев, а они приходят и приходят. по нескольку раз. Даже те, которые типа прошли модерацию, то есть меня.
            Как вы настраивали комментарии? Не было ли похожей проблемы?

          • Добрый ADMIN:

            Нет, ничего похоже не наблюдал)) У меня настройки через админку и плагин. Подробно уже писал об этом в статье http://saitoseoteka.ru/vordpress/wordpress-zashhita-ot-spama.html

          • Карина:

            Спасибо за ссылку!
            Обязательно ознакомлюсь 🙂

  7. hovo:

    Добрый день! Как сделать чтоб слайдер отображался только на главной странице
    Спасибо

    • Добрый ADMIN:

      Добрый!
      Нужно использовать специальную функцию — проверку открытой страницы. Если открыта главная — показываем, если нет — наоборот. Выглядит это так:

      < ?php if ( ($_SERVER["REQUEST_URI"] == "/") ) : # Выводим слайдер только на главной странице ?>
      < ?php echo do_shortcode("[metaslider id=1143]"); ?>
      < ?php endif; ?>

      где metaslider id=1143 — указываете свой слайдер. Пробуйте, должно работать!)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *