Плагин vSlider для красивого слайдера на блоге

Здравствуйте дорогие читатели и гости сайта «Тестируем шаблон». Рада новой встрече на блоге и возможностью поделиться  информацией о интересном, можно сказать замечательном  плагине  vSlider, с помощью которого вы сможете сделать симпатичный слайдер, даже если в шаблоне вашего блога он не предусмотрен ;-)

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

Этот плагин можно найти через поисковик плагинов в админ-панели блога. Ищем плагин через поисковик плагинов в админ-панели вашего блога: заходим в категорию настроек “Плагины”_”Добавить новый” и в окошко поиска вносим точное название плагина vSlider Multi Image Slider for WordPress, а если не нашли его таким способом, то можно скачать по адресу: http://wordpress.org/extend/plugins/vslider/

А теперь рассмотрим настройки плагина  vSlider. После того, как вы активировали плагин, в админ-панели появится строка настроек для данного плагина:

В принципе важными для редактирования важны только два первых подраздела : vSlider и Редактировать vSlider. В остальные я зашла полюбопытствовать, но и только…

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

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

Кстати, по количеству слайдеров. Насколько я поняла, вы можете создать несколько (вообщем много) слайдеров, но в одно и тоже время два и больше слайдеров работать не будут (точнее будут немного притормаживать), только один будет качественно просматриваться на блоге, но вы сможете их периодически  менять, активируя один и дезактивируя другой. Who-s-the-man

В самом начале мы не создаем новый слайдер, а редактируем имеющийся, кстати он выглядит вот так на блоге:

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

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

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

На фото ниже просматривается пункт настройки «кнопки навигации», их можно отключить или оставить в просмотре.

На следующем фото просмотр размера текста в слайдере и настройка цвета.

После того, как вы отредактируете генеральные настройки, не забудьте их сохранить. Удобно и то, что все три вида настроек на этой странице имеют отдельное(!) сохранение.

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

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

Теперь определимся, какие статьи и сколько мы будем выводить в слайдер. Я оставила настройки «Обычный» слайдер и установила все категории, так как сама выбираю именно нужные статьи со всего блога. Изображение выбрано популярное, таким образом любое изображение, а не первое загруженное можно вставить в слайдер. Количество слайдов ограничено 20, т.е. в конкретном слайдере можно вывести ссылки на 20 статей, но так как мы можем настроить не один слайдер, а потом их периодически менять, то количество поистине не ограничено.

После того, как вы определились с количеством выводимых статей и сохранили настройки, ниже появятся поля для заполнения по количеству выбранных статей. Каждое такое поле Custom Image заполняется для конкретной статьи:

1.Изображение URL (адрес картинки на вашем блоге) об этом я писала совсем недавно здесь

2.Изображение ссылки на: вписываете адрес статьи из адресной строки браузера

3.Заголовок текста: или то, что вы захотите вписать , ну и

4. Описание текста: здесь очень коротко, просто пара слов.

После каждого  заполнения поля  Custom Image  не забудьте сохранить данные.

Чем удобен еще данный слайдер, кроме настроек размеров и внешнего вида? Тем, что вы можете первоначально настроить только ссылки на 3 статьи, потом, через некоторое время вновь зайти в настройки слайдера, добавить количество выводимых статей и заполнить добавившиеся поля  Custom Image. Сохраняя данные, вы автоматически добавляете их в слайдер, и кроме того, вы можете отредактировать любое поле Custom Image, заменив там данные.

Так выглядел  слайдер в футере на моем блоге, где вы находитесь, но так как я решила установить еще один слайдер с помощью плагина TheThe Image Slider, то от этого пришлось пока отказаться. И оказывается большой размер слайдера  сказывается на времени загрузки блога…

а так выглядит слайдер на блоге, если установить его в сайдбаре.

Вот вроде бы и все на сегодня. Плагин vSlider и правда замечательный, столько возможностей и при том, что в вашем шаблоне изначально нет слайдера, а если и есть, то еще один на 20 статей не помешает  Wink Кстати, возможности слайдера в некоторых шаблонах ограничены пятью статьями определенной рубрики как в шаблоне Estetica и могут иметь просто неограниченный размер как в шаблоне Graphene.  

Немного о настройках и внешнем виде слайдера в небольшой записи:

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

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

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

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

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

19 комментариев: Плагин vSlider для красивого слайдера на блоге

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

    Юлия,спасибо.А в статье «Шаблон Easel» он вообще смотрится как плазменная панель.Еще с функцией «Картинка в картинке»,когда к точкам сверху курсор мышки подводишь.

    • Юлия пишет:

      Наденька, не хочется тебя разочаровывать, но в статье это другой слайд-шоу, а слайдер только внизу в футере на этом сайте :-(

  2. Ирина пишет:

    А я давно загрузила на сайт этот плагин. Но сначала не могла разобраться с настройками, а потом и забыла про него))) Не понимала — почему он не отображается на сайте. Оказывается — это виджет Happy-Grin
    А я хотела слайдер в центре главной страницы! Если не найду, то поставлю хотя бы этот в виджеты.
    А в старом шаблоне весной я пробовала еще поставить слайдер IGIT Post Slider Widget. Но в том шаблоне он у меня работал ооочень плохо. После того, как я его утснавливала, у меня все записи съезжали куда-то вбок. И я его удалила.
    Юлечка! Может Вы знаете еще какой-нибудь плагин для слайдера, чтобы поставить его посередине страницы? Буду благодарна!

    • Юлия пишет:

      Ирочка, этот плагин я нашла только благодаря Вашему шаблону, там ведь была ссылка :yes: И он по настройкам лучшее, чем я когда-то встречала. Есть еще один плагин, но вот чтобы установить его в сайтбар, нужно редактировать код, а после обновления он может себя повести абсолютно непредсказуемо. Была на Вашем блоге, очень хорошо получилось, это кажется шаблон F2? А почему Вы, Ирина, меняя шаблон не выбрали изначально со слайдером, ведь это лучший вариант?

  3. mrs.interesno пишет:

    Ну, молодец, Юля!
    Так грамотно преподносишь, так подробно все тонкости настроек шаблонов и плагинов рассказываешь.

    А нам повезло еще больше.
    Теперь знаем, к кому обращаться, если что-то не будет получаться.
    Ведь ты все протестируешь, а нам остается утащить в свою норку и пользоваться плодами твоего труда. :yes:

  4. Larisenok пишет:

    все супер ты рассказала — наверное вот такие советы необходимы всем, чмоки тебя

  5. Larisenok пишет:

    заходи ко мне

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

    Спасибо,Юля. Я установила себе. Кстати место,чуть пошире сайт бара берет.

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

    Юлия, доброго вам времени суток! Вот зашла в гости, чтобы узнать что-то новенькое для себя, а здесь столько новенькогоооооо, что всё и не унесёшь сразу. С удовольствием познакомилась с этим плагином на слайдер.Я видела на блогах слайдеры, но думала, что это очень сложно сделать, что нужно связываться с кодом, а я этого панически боюсь, так как не понимаю в нём ничего.Пока, конечно, наверное, ставить не буду. Хочу ещё изучить более досконально механизм выполнения установки и настройки.

    Юлечка, у меня к вам вопрос: У меня в «Топ комментаторах», они называются — » Активно обсуждаем» показываюсь Я, но не показывается медалька, хотя я внесла в адрес её URL. Who-s-the-man Не подскажете, что нужно сделать? По настройкам:в третьей графе сверху у меня пусто, там, где была ссылка на награду ( она у меня выходила огромным чёрным квадратом с восклицательным знаком в центре), Cry я вставила адрес медальки, но она не показывается. Thinking Если есть время и возможность, зайдите на блог и посмотрите, что к чему, может поможете мне. Заранее вам спасибо. Извините, что вас беспокою. Who-s-the-man

  8. etc пишет:

    Футер есть — слайдера в футере этого блога — НЕТ! К чему все вышесказанное? Блог — туфта.

  9. Людмила Плехова пишет:

    Я в восторге! :yahoo: Мне очень нравиться ваш блог. В свое время, когда я начала делать свой первый блог мне показалось все таким сложным, а теперь я не могу остановиться и хочется все нового и нового. А у вас тут такое раздолье!!!!!!!!!!!!

    • Юлия пишет:

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

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

    Спасибо огромное, Юля, за статьи ваши. Много полезного узнаю. В частности хотела уже обращаться чтоб мне установили в виджет карусель или слайд. Но вот, нашла у вас. Буду делать сама. А подскажите ведь не только статьи можно прокручивать в слайдере? Если я хочу в виджете прокручивать, например книги, которые я предлагаю. Твит с меня.

    • Юлия пишет:

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

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

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

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