Плагин MK Slider для слайдера и слайд-шоу с красивой анимацией

Plagin MK Slider15Здравствуйте, дорогие читатели и гости сайта «Тестируем шаблон«. Рада новой встрече на блоге.

Сегодня я хочу рассказать о еще одном плагине, который может сделать на вашем блоге слайдер и слайд-шоу. Плагин MK Slider очень прост в использовании: редактирование настроек минимальное. Но плагин MK Slider  имеет пару особенностей, о которых я хочу сказать в самом начале статьи.

Изображения для слайдера (слайд-шоу) нужно загружать и использовать максимально приближенные по размерам к параметрам слайдера.

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

Теперь поговорим о привычном поиске плагина MK Slider. Его можно найти через поисковик плагинов в админ-панели вашего блога: заходим в категорию настроек “Плагины”_”Добавить новый” и в окошко поиска вносим точное название плагина MK Slider. Если через поисковик в админ-панели вы не смогли найти плагин, то скачать его можно по адресу: http://wordpress.org/plugins/mk-slider/

После активации плагина в админ-панели появляется дополнительный раздел настроек для редактирования, состоящий из двух подразделов: «Все слайдеры» и  «Добавить новый».

Начинаем настройку со страницы  «Добавить новый» слайдер. Форма немного напоминают страницу для редактирования записей: начнем с названия слайдера, ниже нажимаем на кнопку «Добавить слайдов» и добавляем нужное количество «Слайд изображений», так как каждый раз нажимая на кнопку «Добавить слайдов» появляется новая строка под очередным номером слайда. (Не забывайте, что фото кликабельны для лучшего просмотра)

Plagin MK Slider7

На фото ниже добавлено три слайд-изображений:  нажимаем на зеленый плюсик  на строке с номером слайд-изображением и открываются поля для редактирования данного слайда. В поле «Выбрать изображение» нужно добавить ссылку на файл, Plagin MK Slider9

для этого нужно перейти в медиабиблиотеку, выбрать нужное изображение, нажимаем с выбранным изображением на ссылку «Изменить» и

Plagin MK Slider4

и переходим на страницу файла. Копируем ссылку на файл (на фото выделено синим) и именно эту ссылку вносим в первое поле для редактирования слайда.

Plagin MK Slider10

Чтобы было удобнее настраивать слайдер, естественно придется открыть админку сайта на нескольких страницах  :yes: .

Кроме ссылки на файл изображения, для слайдера нужно добавить ссылку на нужную статью, страницу или сайт, цель ссылки: я оставила настройку «себя», а вот название и описание слайда можно делать, можно нет…

Plagin MK Slider1 Далее  каждый слайд проходит точно такую же настройку…

Plagin MK Slider2

Теперь рассмотрим настройки самого слайдера, которые расположены ниже полей для редактирования слайдов: здесь можно убрать поле для описания и дисплей навигации, изменить размеры слайдера, изменить ширину и цвет границы (каймы), изменить радиус округлости слайдера, тип анимации, скорость перехода и интервал. Скажу сразу, что две последние настройки я оставила по умолчанию…Хотя настройки самого слайдера идут после редактирования слайдов, но все-таки с размерами слайдера нужно определиться с самого начала, так как загруженные изображения должны быть максимально приближены по своим размерам к параметрам слайдера. Дело в том, что если картинка не подходит по размерам, то не происходит искажение изображения, а либо будет показан лишь участок картинки (если слайдер меньше картинки)  или  будет добавлен участок черного фона, если картинка меньше, чем слайдер.

Plagin MK Slider7Теперь вернемся к двум образцам в самом верху статьи: в первом как раз видно, что картинки не соответствуют размерам слайдера, поэтому появляется черная полоса снизу, хотя в настройках удалены поле для описания и дисплей навигации, переход слайдера отмечен на «Случайный». Как я уже писала, первый образец- это слайд-шоу, то есть картинки без ссылок…

Plagin MK Slider14

Второй образец имеет ниже представленные настройки…Кстати переход слайдера представляется несколькими вариантами..

Plagin MK Slider13

После того, как вы подготовите и опубликуете несколько слайдеров, то страница «Все слайдеры» у вас будет  выглядеть примерно так. Каждый слайдер можно будет при желании редактировать: менять размер, добавлять слайды или менять изображения. Просто после редактирования нужно не забыть обновить настройки слайдера.

Plagin MK Slider12

Теперь несколько слов о том, как установить слайдер (или слайд-шоу) на сайт. На фото выше видна третья колонка под названием «Шорткод». Так вот, у каждого вами опубликованного слайдера имеется свой уникальный шорткод. Копируете его и вставляете в HTML редакторе статьи или страницы, только вот просматриваться при открытии он будет в самом верху, что касается сайдбара, то здесь имеется специальный виджет: нужно просто установить виджет в нужное вам место в сайдбаре, подписать название и выбрать слайдер из уже опубликованных.

 

Plagin MK Slider16  Кстати, плюсы плагина MK Slider:

  • общее количество слайдеров  и слайдов в каждом из них практически безгранично,
  • количество виджетов тоже не ограничено,
  • на одной странице могут работать несколько слайдеров, но только не с одинаковым шорткодом, в таком случае из двух будет работать только один…

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

Всю галерею плагинов по слайдерам можно посмотреть на специальной странице “Слайдеры“.(Здесь сделаны небольшие видеозаписи для наглядности)

С вами была Юлия, до новых встреч. О других красивых и интересных плагинах мы поговорим в следующих статьях рубрики.

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))
Метки: , . Закладка Постоянная ссылка.

35 комментариев: Плагин MK Slider для слайдера и слайд-шоу с красивой анимацией

  1. Ольга пишет:

    Юля, очень красивый слайдер в сайдбаре!
    Замечательный плагин. Я думаю, что возможно пригодится.
    Вот только слайдеры ведь добавляют вес и увеличивают время загрузки. В моем шаблоне уже есть встроенный слайдер, интересно, что лучше: использовать его или плагин?

  2. Ольга пишет:

    А можно с помощью этого плагина установить фотогалерею в подвале? Давно хочу, но не могу придумать, как лучше это сделать.

  3. Андрей пишет:

    Спасибо, как всегда в точку. :rose:

  4. Лара пишет:

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

    • Юлия пишет:

      Да прям засоряешь, наоборот уникальный контент ;-) Занимайся своими делами, я тоже только между прополкой и поливкой в интернет попадаю, в гости ходить вообще некогда…а по поводу блога со вкусняшками-так это хорошая идея, никому мешать не будут, а удовольствия море от порхающего твиттеренка, летающих шариков и поющих снеговиков, я ведь так частенько и делаю :rose:

  5. Надежда пишет:

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

    • Юлия пишет:

      Надежда, к сожалению, статьи с такой тематикой на блоге пока не будет, я обещала Ольге рассказать о том, как узнать что лучше использовать: плагин или слайдер в теме, а об уменьшении времени загрузки будет упомянуто косвенно…

      • Юлия пишет:

        Для туристического сайта можно взять любой уникальный и сделать свой своеобразный дизайн, а вот встроенная в виджеты карта есть в шаблоне Travel Blogger http://test-shablon.ru/shablon-travel-blogger/

        • Юлия пишет:

          Есть конечно очень красивые шаблоны с темой путешествия, как например здесь_http://www.templatelite.com/metro-brisbane-free-wordpress-theme/, но в теме я обнаружила вредоносный код, хотя тема ооочень красивая… :cry:

  6. мне понравилась идея со слайдером. у меня много фото на сайте и такой слайдер поможет украсить статью. спасибо! THANK-YOU

  7. Алевтина пишет:

    Разбиралась с плагином, хочу на своём сайте преобразование сделать, много на твоём сайте статей нужных

  8. Ив@н пишет:

    Подскажите пожалуйста какие парараметры выставить в скорости анимации и интервал между переходами, что то он у меня вообще картинки не листаются :(

    • Юлия пишет:

      Иван, я не меняла параметры скорости и интервала,-какие на фото, такие и у меня, вообщем по умолчанию…

      • Ив@н пишет:

        а я уже разные перепробовал и все равно отображает одну картинку и все

        • Юлия пишет:

          а Вы в каком браузере работаете? В Опере он у меня тоже не работает…

          • Ив@н пишет:

            нет самый оптимальный Google хром

          • Юлия пишет:

            Иван, сейчас проверила слайдер с Вашим шаблоном Adventure Journal, плагин с темой работает, наверное, конфликтует с каким-то другим плагином…

  9. Elenka пишет:

    Спасибо. Думаю, что такой слайдер многие хотели бы поставить себе на блог.
    Я так понимаю, что верхний слайдер должен был быть на главной блога, да? В виде шапки?

  10. Елена пишет:

    И опять здравствуйте, Юля. Я по вашему совету установила этот плагин. У вас на скрине он на русском языке, а у меня установился на анг. Я понимаю, что нет разницы, но приятней работать с родным языком. Не подскажете как русифицировать плагин?

    • Юлия пишет:

      Елена, просто для работы в админ-панели я захожу в браузере Гугл Хром, поэтому и настройки все автоматически переводятся на русский…или нажатием правой клавиши и выбором пункта»перевести на русский»….

  11. Владимир пишет:

    То ли у меня комп слабоват, то ли плагин Денвера не любит, но в денвере анимаиия сильно искажена, апорой порой попросту отсутствует. Надеюсь на хостинге будет нормально. Плагин очень красивый.
    Ирина,у вас в анимации в этом плагине значение random на сайте выставлено?
    А почему у вас в настройках плагина по русски у меня там англиийский текст?

    • Юлия пишет:

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

  12. Ольга пишет:

    Добрый вечер! Юля, у меня не получается отображать на картинках заголовки, хотя в настройках слайдера прописала и заголовок, и описание. Наверно, что то еще нужно дополнительно настроить? У меня плагин тоже на английском несмотря на то, что браузер Хром.

    • Юлия пишет:

      Ольга, а Вы в настройках самого слайдера не переставили во втором пункте «Навигации дисплея» с «да» на «нет»? А если браузер сам не переводит, то надо нажать на правую клавишу мышки и выбрать «перевести на русский»…

  13. Zheka пишет:

    Спасибо за урок! Красивый слайд получился

  14. ann пишет:

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

    • Юлия пишет:

      Несовместимость с шаблоном данного плагина я, извините, не пробовала чем-то компенсировать, в смысле прописывать дополнительные коды, я либо подбираю другой плагин для слайдера, либо устанавливаю просто код http://test-shablon.ru/slajd-shou-bez-plagina/

  15. ann пишет:

    Спасибо за ответ. Буду писать разработчику шаблона пусть помогает, а то мне нужен именно этот слайдер — очень уж нравится он мне.

    • Юлия пишет:

      Конечно, обратитесь. Кстати, шаблоны от разработчиков частенько и конфликтуют с обычными плагинами, а бесплатные темы работают Heart

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

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

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)