Плагин Image Gallery with Slideshow для галереи и слайд-шоу

Plagin Image Gallery with Slideshow1Здравствуйте дорогие читатели и гости сайта «Тестируем шаблон». Рада новой встрече на блоге.

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

А теперь непосредственно про плагин Image Gallery with Slideshow. Его вы можете найти через поисковик плагинов: заходите в консоль_»Плагины»_»Добавить новый» и в окно поиска вносите точное название плагина. Если таким способом Вы не смогли найти плагин, то скачать его можно по адресу: http://wordpress.org/extend/plugins/image-gallery-with-slideshow/.

После активации плагина в админ-панели блога появляется дополнительная строка для редактирования, но настроек очень немного, хотя расположены они на нескольких страницах.

Plagin Image Gallery with Slideshow2

Итак, начнем по-порядку: на первой странице располагаются уже готовые шорткоды для галереи и слайд-шоу соответственно, то есть, загружая комплект изображений, вы можете сделать из них одновременно и галерею и слайд-шоу одновременно, вставляя нужный шорткод в режиме HTML в нужную статью или страницу, в виде виджета в сайдбаре данный плагин НЕ РАБОТАЕТ.

Plagin Image Gallery with Slideshow5

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

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

Plagin Image Gallery with Slideshow6

К параметрам настройки слайд-шоу относятся :будут показаны эскизы картинок ниже слайд-шоу или нет; в случае если миниатюры будут показаны, то как они будут расположены, а далее размеры слайд-шоу.

Plagin Image Gallery with Slideshow7

На третьей странице нужно сначала придумать название для галереи и сохранить.

Plagin Image Gallery with Slideshow8

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

Plagin Image Gallery with Slideshow9

Вставлять готовый шорткод в режиме HTML можно в любое удобное место в статье.

На фото ниже галерея встроена в конце статьи.

Plagin Image Gallery with Slideshow

Если нажать на картинку галереи, то миниатюра будет увеличиваться до размеров загруженного изображения.

Plagin Image Gallery with Slideshow3Галерея на фото ниже встроена в середине статьи, но миниатюры я сделала небольшими: порядка 50*50 пикселей.

Plagin Image Gallery with Slideshow10

А на этом фото миниатюры 100*100 пикселей.

Plagin Image Gallery with Slideshow16

Слайд-шоу может быть разного размера: большего

Plagin Image Gallery with Slideshow4

или меньшего ; с расположенными ниже эскизами

Plagin Image Gallery with Slideshow12

или без эскизов.

Plagin Image Gallery with Slideshow13

Вот такие галереи и слайд-шоу можно сделать с помощью  плагина Image Gallery with Slideshow. Кстати, готовых галерей может быть на блоге несколько.

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

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

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

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

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

12 комментариев: Плагин Image Gallery with Slideshow для галереи и слайд-шоу

  1. Игорь пишет:

    С удовольствием читаю ваши статьи Юлия, не всё и не всегда понимаю, но учиться никогда не поздно. Надеюсь когда нибудь вы расскажете про интересный шаблон который подойдёт мне. Свой не очень нравится, но многому научился общаясь с блоггерами. Спасибо за ваш труд. И удачи и счастья, весна пришла))), природа оживает.

    • Юлия пишет:

      Спасибо, Игорь за благодарность-мне просто это интересно, надеюсь я все-таки найду шаблон Вам по душе :heart: если найдете его раньше меня, поделить, хорошо? ;-)

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

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

    Юля,поздравляю,Тебя с днем весны и с наступающими праздниками. Странно так видеть обиженных людей.На все варианты скриншотов на сайт не разместишь ведь. Зато у меня идея. Зайди на Баннер-марафон,там статья про слайды на YouTube ,на цветах я сделала несколько пробных роликов. в слайд шоу можно сколько душе угодно вариантов на каждый шаблон поместить. И для женщин и для мужчин.И размер ролика крупным поставить. конечно времени до фига займет,зато это практично.и пользу со временем огромную принесет.Особенно,когда будет выпадать в похожих записях.

  4. Larisa пишет:

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

  5. Сергей пишет:

    Отличный плагин, попробуем установить себе))))

  6. Наталья пишет:

    Привет, Юль. Не совсем правда поняла про плагин. Слайдер, это когда меняются изображения, а в примерах их несколько.
    Дело в том, что ищу что — то такое, что бы можно было в статье, при нажатии на фотографию открыть ее полный размер, но тут же в статье. Сейчас у меня открываются в отдельном окошке.
    И второй вопрос- подскажи, плз, (можно на «ты», а то выкать уже не удобно, за время общения, как родная стала =), как установить конопочки «вверх» на сайте? :yes:

    • Юлия пишет:

      Наташ, я думала, что мы уже давно на ты ;-) ну я то точно..А насчет плагина Image Gallery with Slideshow это именно то, что тебе нужно. Здесь загружаешь группу фоток, сколько нужно для альбома и у тебя получается на эти фотки и слайд-шоу, но не слайдер, и шорткод для галереи, которую ты можешь установить в любой части статьи или страницы. Так вот в галереи если нажать картинку она открывается во весь размер именно на этой странице.А про кнопку вверх и вниз это плагин Scroll Top and Bottom, а бабочка сверху поднимает только вверх, это плагин ToTop Link http://test-shablon.ru/plagin-totop-link/

  7. Денис пишет:

    Юлия, огромное спасибо за Ваши статьи! Очень сильно помогают развивать мой недавно родившийся блог! С уважением, Д.К.

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

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

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