Meta Slider — простой слайдер для WordPress

Классный и Простой плагин слайдер Вордпресс

Классный и простой слайдер — плагин Meta Slider

Приветствую тебя мой дорогой единомышленник. Признаться честно, не особо люблю описывать плагины. Но простой слайдер Meta Slider заслужил, что бы я уделил ему достаточно внимания и поделился им с другими.

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

Во-первых, он (заказчик) должен сам изменять слайдер (замечу, что заказчик с wordpress общается на ВЫ), — добавлять новые картинки, ссылки с этих картинок, добавлять текс под картинками и т.д. (узнайте почему я выбираю вордпресс — WordPress – надежный рулевой)

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

Гуглил, искал, перечитал и перепробовал целую тучу (штук 30 точно) всевозможных слайдер плагинов для вордпресс (узнайте Как работают поисковики). Расстроился, одни слайдеры не работают, вызывая конфликт, другие искажают структуру сайта. Уже хотел было обращаться к фрилансерам для написания индивидуального плагина. Но Слава Всевышнему в последний момент наткнулся на плагин Meta Slider.

Начнем-с работу…

Устанавливаем плагин Meta Slider на свой сайт стандартным образом через меню:

Плагины -> Добавить новый -> в поле поиска вводи Meta Slider — жмем Поиск плагинов -> Установить -> Активировать плагин

Установка завершена. Теперь внизу левого меню админки вашего вордпресс появился Meta Slider.

Заходим в Meta Slider и нажимаем на «+» в левом верхнем углу страницы.

Замечу, что существует также и платная версия плагина Meta Slider, но в данном случае мы разбираем бесплатную.

Теперь мы находимся в меню создания нашего первого слайдера. Для увеличения картинки- кликните на нее.

простой и многофункциональный слайдер для wordpress

создаем и настраиваем свой слайдер

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

Не пугайтесь, все гораздо проще чем может показаться на первый взгляд. Ведь не даром статья называется простой слайдер для WordPress.

Простой слайдер для вордпресс

Повторите настройки

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

В общем плагин Meta Slider это не просто плагин слайдера, — это многофункциональный плагин, который объединяет в себе множество разнообразных вариантов слайдеров. Я показал вам самый простой способ, кстати посмотреть этот пример в работе вы можете на этом сайте http://kprfamur.ru/.

В ближайшее время я планирую перевести плагин Meta Slider на русский язык.

Читайте более свежую статью с Видео-инструкцией — Отличный слайдер для WordPress — Vslider

Пишите в комментариях ваши предложения и замечания, задавайте вопросы по существу.

Всего Вам Доброго
Андрей

Не пропустите мои новые статьи, ПОДПИШИТЕСЬ и будьте в курсе!
  • Maxim

    Здравствуйте!
    Как убрать подчеркивание на стрелках перемещения слайдов?
    Заранее благодарю за ответ!

  • Алексей

    Добрый день!
    Проблемка следующая: мы выкачали телепортом одну из тем Магенто и теперь пытаемся адаптировать ее под Вордпресс… Там был свой слайдер, но он не работает — возможно- не все файлы выкачались… И любой другой слайдер (независимо от того — вставляем мы шорткод в страницу с помощью плагина или php в индексный файл) — все равно не подключается.
    При этом на других темах вордпресс эти слайдеры работают. Экспериментировали с путями, пробовали подключить библиотеку JQuery различными способами — 0 эмоций… http://hiper-shoper.ru/

  • Анна

    Здравствуйте. К меня сладер выводится, но стоит одна картинка и слайером показывает другие. А как сделать так, чтоб в ряд стояла не одна, а штук 5 хотя бы и их можно было прокрутить в бок.

    • Анна, привет. Вам нужна карусель?

  • admin

    Возможно, что достаточно будет заключить его в < center > < /center >
    Пробелы уберите.
    Но если не получится, обращайтесь, разберемся более подробно.

    • Ігор Калиниченко

      Это работает. Спасибо!

  • Александр

    Сори я только начинаю разбираться
    так вот как сделать так что бы плагин был по центу ?
    в header.php
    в какую секцию файла его нужно добавить?
    или может дополнительные теги нужны?
    кто знает подскажите куда копать)
    спасибо)
    с ув Александр
    если не сложно напишите на почту
    elddh@ukr.net

  • Елена

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

    • admin

      Желательно, чтобы картинки были одного размера, тогда вообще никаких проблем не возникнет.

  • добрый день! подскажите, а почему может слайдер не менять картинки? он отображается, а стрелочек нет. ставлю карусель, вообще исчезает.
    версия вордпресса 3.5.2 а плагина 3.0.1

    • admin

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

  • У меня проблема с этим плагином, он выводит один слайдер вверху над первым постом выводит, а если размещать новые посты, он слайдер вставляет в каждый новый пост и там работает тока одна картинка. Может где-то надо в коде кататься а я в этом профан, можете помочь исправить этот не достаток.

    • admin

      Здравствуйте, Денис! Зашел на ваш сайт.
      1. Слайдер в верху увидел. При открытии тестовой статьи, кидает на несуществующую страницу 404 (там кстати глюк у вас, сайтбар в лево слазиет) — еще раз зашел, тестовые записи исчезли, видимо, вы в процессе работы над сайтом. Поэтому не совсем понимаю, как вы хотите, чтобы было?
      2. У вас на сайте ужасно много внешних ссылок, однозначно скоро сайт попадет под АГС. Используйте информацию с этой статьи — Закрываем внешние ссылки от индексации
      3. Используйте ЧПУ обязательно.

      Пишите, помогу при наличии свободного времени.

      • Со слайдером я решил проблему уже, мне брат подсказал покапаться в коде. Оказалось я вставку шаблона шорткода не туда поместил, потому и он копировал так. Поменял местами код, и слайдер исчез. И стал работать так как надо. Вот с 404 у меня ничего такого не наблюдается проверял с двух браузеров все работает нормально. Проверял даже на ipod touch в браузере все нормально заходит никаких проблем нету. Сайт я еще не наполнял только функции проверял. Статью про АГС почитаю с ЧПУ я не понял как это работает.

        • admin

          Молодец, что разобрался. Вот скрин по 404

          По ЧПУ (Человеку Понятный Урл) не правильно сказал. Он у тебя настроен. Только окончание ссылки записей на русском языке. Закачай и установи плагин RusToLat.

          • У меня все работает, я не знаю откуда лично у тебя появляется 404 ошибка(((, плагин стоит этот, но после этого все ссылки были на русском языке, не работает может.

          • admin

            Я думаю, что работает. Просто ты создал страницы и записи до того, как установил данный плагин. Зайди на существующую страницу и измени ссылку. Скрин прилагаю:

            По 404 посмотри сам: введи адрес своего сайта, поставь / ,а далее что угодно, например /бла , и нажми enter

          • Так в постоянной ссылке стер нажал ок. Вот такое вышло: http://codex-infobusiness.ru/zhakomstvo-s-infobusines/ Вроде ничего не поменялось. По 404 я понял как ты ее такой скрин сделал. А что должно быть на самом деле? что я там должен выставить?

  • Доброго дня, Андрей. Подскажите, как в этом слайдере можно настроить интервал перелистывания картинок или вообще отключить автоматическое перелистывание?

    • admin

      Здравствуйте, Василий! Меньше слов, все настройки имеются в меню слайдера, смотрите скрин. Надеюсь понятно. Если нет, пишите, что не ясно.

  • Thomasnow

    Спасибо админу за интересный блог.

  • Равиль

    обязательно воспользуюсь

  • Спасибо большое за развёрнутую статью.

  • Здравствуйте!
    Давно пользуюсь этим слайдером, все устраивало. А сейчас при работе с новым сайтом появилась проблемка:
    Приходится за раз вставлять в 1 слайдер 20-30 изображений, вроде все просто, НО. Хочется, чтобы при нажатии на изображение, оно открывалось в полном размере в этом же окне. Можно, конечно в ручную копипастить ссылки на изображения из медиатеки, но может можно сделать так, чтобы эти ссылки вставлялись автоматически??
    Заранее огромное спасибо!

    • admin

      Здравствуйте, Анна.
      Думаю, что это вполне возможно, но другое дело, кто этим займется. У меня руки не скоро дойдут. Можете нанять фрилансера при желании. :)

  • Оля

    Спасибо за дельный совет, два дня потратила на перебор слайдеров впустую, пока не наткнулась на Ваш совет. Отличный слайдер.

  • Степан

    Завтра погуглю, огромное спасибо тебе за ПОМОЩЬ)

  • Степан

    Возможно дело в версиях wordpress (у меня WordPress 3.5.1)…я все не могу найти файлик CSS тот путь, что ты мне дал, я по нему прошел, он выдал голоый html лист с кодом css, а мне бы найти редактор

    • admin

      Не-е. Дело не в версии движка. Тебе просто надо через FTP зайти. Погугли что это такое, скачай Total Commander или др. (я через него хожу). Т.е. зайти в корневую часть своего сайта через фтп доступ на сервер. Если ты этого еще никогда ни делал, учись, потому что все равно придется.

    • admin

      Пиши на мой email — oventes@gmail.com Так как данная тема разговора вышла за рамки по статье.

  • Еще не могу найти в вордпресс css файл этого плагина…открываю редактор плагина, выбираю тот самый плагин (Meta Slider)и ничего, там только php, в них пытался найти что то похожее на стили, бесполезно, ничего не находит, в основном файле css, который отвечает за все страницы, тоже нет классов, которые отвечают за плагин Meta Slider…

    • admin

      Тогда через ftp ищи.

    • admin

      Вот он у тебя где: http:// твой сайт /wp-content/plugins/ml-slider/assets/metaslider/public.css

      Если чего-то не знаешь, спрашивай.

  • admin

    Ааааа, вон оно как!!!
    Изменяй: в public.css
    вот эти параметры
    position: relative;
    line-height: 1em;

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

  • вот сайт

  • Степан

    Спасибо, все получилось, задал для всех картинок одинаковые параметры, но сейчас столкнулся с еще одной проблемой, подпись к картинкам (caption) получается слишком большая…возможно ли в редакторе плагина поменять положение надписи так, чтобы она была не на изображении, а под ним?

    • admin

      Степан, я бы постарался обширнее и понятней ответить на твой вопрос, если бы понимал, что ты конкретно хочешь. :) Дай ссылку на свой сайт, гляну.
      А если не глядя, то можно попробовать в стиле плагина изменить .nivo-caption, изменив для начала position:absolute на position:relative. Ну а далее доработать, как надо.

  • Степан

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

    • admin

      Хм…, интересно. Не задавался данным вопросом. А как в данном случае они должны располагаться???
      Ну, к примеру 2Х2, если сильно не лезть в код, то можно попробовать создать четыре слайдера с одинаковыми настройками, и посредством .css разместить их, как необходимо. Но может идея и не из лучших.

  • Степан

    Как сделать, чтобы в слайдере было несколько изображений а не одно?

    • admin

      Все достаточно просто. Зайдите в настройки слайдера, справа вверху нажмите Add Slide и добавьте изображение, а потом еще одно и так далее.

  • Андрей

    А куда можно вставить код этого слайда, хочется, что бы он был под шапкой сайта

    • admin

      Здравствуйте, поставить его можно куда угодно посредством php (он находится справа внизу, на странице настройки слайдера, см.картинку)
      Если под шапкой, то вставить можно в файле header.php (Внешний вид — Редактор — header.php)

      • Alina Novozhilova

        Здравствуйте! я тоже задалась вопросом, как вставить слайдер на самый верх шаблона. Попалась одна статья, но там про vSlider и там вставляют такой код: . А в случае с metaslider что надо писать? попробовала тупо поменять vslider на metaslider, не вышло:)

        • Я совсем недавно записал видео-инструкцию по работе с vSlider и перевел плагин на русский. Надеюсь на выходных руки дойдут и я опубликую.
          Вот php код для вставки метаслайдера в шапку (header.php) — только уберите нижнее тире — — где под id — ваш слайдер. Скриншот чуть выше

      • Вот скриншот

  • Этот слайдер глючный,-проверено не на одном сайте, поддержка оказывается типа «у нас все хорошо или отключите др плагины» :-)

    • admin

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

  • Отчего может возникать сообщение:
    ERROR no decode delegate for this image format `’ @ error/constitute.c/ReadImage/532 Check file permissions

    • admin

      По всей видимости неверный формат изображения. А где и когда возникает данная ошибка?