Слайдер и слайд-шоу с плагином Meteor Slides

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

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

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

Теперь вспомним, как найти нужный плагин: для  этого необходимо зайти в категорию настроек “Плагины”_”Добавить новый” и в окошко поиска вносим точное название плагина Meteor Slides. Устанавливаем плагин и активируем.

Plagin                            Meteor Slides1

Если через поисковик в админ-панели вы не смогли найти плагин, то скачать его можно по адресу: http://wordpress.org/plugins/meteor-slides/

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

Plagin                            Meteor Slides2

и «Слайд-шоу» не будет опубликованных слайдов и созданных слайд-шоу- списки будут пусты.

Plagin                            Meteor Slides4

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

Plagin                            Meteor Slides3

А вот второй шорткод можно просто устанавливать в HTML режиме в любую статью или страницу в любой участок текста.  На фото ниже размеры слайдера небольшие, порядка 300 на 300 пикселей  и активирована двойная навигация (страницы и стрелочки на предыдущий и последующий слайд).

Plagin                            Meteor Slides12

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

Теперь поговорим о том, как же работает плагин Meteor Slides. После редактирования и сохранения параметров слайдера на четвертой странице следует перейти на страницу «Добавить новый», чтобы приступить к загрузке слайдов. На данной странице нужно отредактировать пару-тройку настроек. Первое-это добавить название слайда ( именно название слайда будет просматриваться при наведении на слайд мышкой). В том случае, если всплывающая надпись над слайдом вам не нужна, не указывайте название. Следующим шагом идет установка непосредственно изображения. Его можно загрузить с компьютера или выбрать в медиабиблиотеке файлов на блоге, которая откроется если вы перейдете по ссылке «Установить специальное изображение».

Plagin                            Meteor Slides5

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

Plagin                            Meteor Slides6

На второй странице настроек плагина  Meteor Slides «Добавить новый» ниже кнопки «Опубликовать» («Обновить») можно добавить новое слайд-шоу, но лучше и понятнее (хотя бы на первых порах) это сделать на третьей странице настроек «Слайд-шоу».

Plagin                            Meteor Slides7

На странице «Слайд-шоу»  вы просто вписываете в поле для имени название нового слайд-шоу и ниже нажимаете на кнопку . Сразу же добавленное слайд-шоу появляется в списке рядом.

Plagin                            Meteor Slides11

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

Plagin                            Meteor Slides10

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

Любой слайд может быть закреплен за одним или несколькими слайд-шоу, но может быть и вообще не прикреплен ни к одному слайд-шоу,

Plagin                            Meteor Slides9

в этом случае слайд может просматриваться в статье и в сайдбаре, если при выборе в виджете вы выберете «Все слайды», а не какой-то конкретный слайд-шоу. Виджет, который появляется после активации плагина Meteor Slides  можно устанавливать в сайдбаре несколько раз, при этом указывая для просмотра различные опубликованные слайд-шоу.

Plagin                            Meteor Slides13

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

, но не может определится с количеством и выводом изображений.

Если вы хотите сделать пару слайдеров для сайдбара  и один слайд-шоу для статьи, то укажите количество (например, 7 в настройках), затем 7 слайдов со ссылками публикуйте для одного слайдера, 7-для второго, а 7 изображений без ссылок для слайд-шоу в самом завершении, и именно они будут просматриваться при публикации шорткода в статье…. Это достаточно занудная информация уже только для работающих с плагином  Meteor Slides, иначе очень похоже на абракадабру Distort

О новых плагинах мы поговорим в следующих статьях рубрики «Плагины Вордпресс«, а обзор всех плагинов для слайдеров можно посмотреть на страничке «Слайдеры». До новых встреч, с вами была Юлия.

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

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

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

39 комментариев: Слайдер и слайд-шоу с плагином Meteor Slides

  1. Алёна пишет:

    Юля, рада познакомится с тобой. Очень понравилась твоя статья. Я иногда думала о таком слайдере, особенно когда много фоток в статье. Теперь буду знать о плагине Meteor Slides. t g+

    • Юлия пишет:

      Алёна,я тоже рада знакомству. У тебя очень оригинальный дизайн блога-красиво и не у кого не встречается Who-s-the-man

  2. Алёна пишет:

    Спасибо, Юля, за комплимент. Буду теперь к тебе заходить почаще ))))

  3. Олечка пишет:

    Интересный плагин. Мне понравилось как он смотрится в сайдбаре. А в статьях привычнее статичные картинки. Но это по мне так Wink

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

    Интересная штучка, наверное можно где-то прямо в тексте использовать. Есть идеи, нужно попробовать… Cool :rose: :rose: :rose:

    • Юлия пишет:

      Попробуйте, Андрей. Слайдер вроде простой, но стилей для смены слайдов так много, что можно очень интересную модельку для себя выбрать Approve

      • Андрей пишет:

        Вот я уже придумываю какую-нибудь инструкцию с описанием действий по ней. Вместо целой полосы статических фотографий, как здесь _http://notebook-hardware.ru/chistka-sistemy-oxlazhdeniya-noutbuka/, сделать компактный альбомчик. Кстати. не совсем понял, можно туда надписи вставлять? :rose: Thinking

        • Юлия пишет:

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

          • Андрей пишет:

            Спасибо, я знаю, где у Вас посмотреть, просто именно этот почему-то мне нравится. В выходные попробую на тестовом, сейчас катастрофически перестало хватать времени… :rose:

          • Юлия пишет:

            Мне этот слайдер тоже понравился, установлю на одном из сайтов обязательно, точнее уже установила, только слайдов пока мало…

  5. Вулфик пишет:

    Юлия, а слайдер автоматически умеет картинки прокручивать, или же только в ручную по навигации?

    • Юлия пишет:

      Конечно автоматически, не зря ведь там скоростные параметры стоят ;-) …Видимо я так его показала в видео, что кажется будто он статический..

  6. mobilekid пишет:

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

    • Юлия пишет:

      А в чем эта нелюбовь проявляется? Просто я такое раньше не читала, да и просто интересно :yes:

      • Юлия пишет:

        А слайдеры в шаблонах работают по этой же технологии или они более любимы ПС?

      • mobilekid пишет:

        ПС не могут прочитать содержимое и описание флеш-ролика. Нет там таких атрибутов в отличие от картинок. Во всяком случае SEO-Quake наглядно показывает, что наличие флеш-роликов — не есть гут. Во всяком случае для Гугла. Насчет Яши — не уверен.

  7. Татьяна пишет:

    А я не выбрала себе шаблон, оставила Twenty Eleven. Те, что мне понравились, оказались очень у многих, другие не смогла настроить. Сделала кое-какие настройки. Теперь вот при обновлении Вордпресса все они пропадут. Cry

  8. Larisenok пишет:

    автоматом прямо так и меняются? обалдеть

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

    плагин очень интересный, если бы получилось с его помощью сделать красочней шаблон было бы хорошо.

  10. Natabul пишет:

    Видела такие слайдеры на некоторых сайтах. Теперь знаю, как это сделать технически. У вас все подробно. Забираю статью в закладки и будем разбираться. Спасибо.

  11. Larisenok пишет:

    Юля!!!! где у меня можно найти All In One SEO Pack — он установленный, а в каком разделе он может быть?

    • Юлия пишет:

      Сами настройки плагина расположены ниже категории настроек «Параметры»( «Настройки» в более ранних админках, если отключить-то в «Плагины»_»Установленные», а если код редактировать, то «Плагины»_»Редактор» и выбираем нужный плагин…

  12. Юрий пишет:

    На какой версии ВП тестировался этот плагин? На версии 3.7 он не работает((

    ЗЫ ваш сайт не тестирован для мониторов с разрешением 1024*768, горизонтальная прокрутка не есть хорошо)

    • Юлия пишет:

      Плагин работает даже в версии 3.7.1, может настроить не можете?
      ЗЫ, а мне так нравится, как сайт смотрится в 1024*768…

      • Юрий пишет:

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

        ЗЫ нравится что сайт не влазиет?)

        • Юлия пишет:

          А что не влазит-то? Статья видна, сайдбар ниже, или ориентироваться сложно? ;-)

          • Юрий пишет:

            а сайдбар справа?) ширина в 1100px как то не втискивается в экран шириной 1024px))) горизонтальная прокрутка знаете ли напрягает)

  13. Руслан пишет:

    Получилось! Работает! Именно так как нужно! спасибо!

  14. татьяна пишет:

    Юля спасибо очень хороший и понятный урок, но я бы хотела узнать: как в сайт баре в этот виджет метеор слайдшоу дабовить короткую запись с «читать далее». Очень жду ответа если можно урок.

  15. Алексей пишет:

    Добрый день, кто-нибудь вкурсе почему слады(если их больше 1) не отображдаются. Просто белый прозрачный блок. Если выставить количество слайдов 1 то просто статичная картинка. Мб кто сталкивался сподобной проблемой и знает в чем дело ? заранее спасибо.

  16. Алексей пишет:

    Почему не могу оставить комментарий ?????!!!

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

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

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