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


Slideshow | WordPress.org

Slideshow provides an easy way to integrate a slideshow for any WordPress installation.

Any image can be loaded into the slideshow by picking it from the WordPress media page, even images you’ve alreadyuploaded can be inserted into your slideshow right away!

Fancy doing something crazy? You can create and use as many slideshows as you’d like, withdifferent images, settings and styles for each one of them.

Особенности
Языки
Project board

Check upcoming features, bug-fixes and development progress that are currently on the Slideshow project board at:

ru.wordpress.org

Плагин 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:

Ещё статьи по теме...

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

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

test-shablon.ru

Плагин Portfolio Slideshow для самого обычного слайд-шоу — Тестируем шаблон

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

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

Когда-то, а точнее пару лет назад, я совсем начинающий блогер, замечающий на разных сайтах интересные фишки, увидела очень любопытную настройку: картинка к посту была не обычной, она менялась, то есть несколько изображений сменяли друг друга. Не могу теперь утверждать со 100% уверенностью, что это был плагин Portfolio Slideshow, но очень на него похоже…Теперь и вы на своем блоге можете сделать интересную настройку, которая поразит и впечатлит новичков в деле сайтостроения, точнее тех, кого очень интересуют интересные и необычные находки в дизайне блога.

А для этого нужно просто зайти в админ панель собственного сайта в категорию настроек “Плагины”_”Добавить новый” и в окошко поиска внести точное название плагина Portfolio Slideshow. Устанавливаем и активируем плагин.  Если таким способом вы не нашли плагин, то скачать его можно по адресу: http://wordpress.org/plugins/portfolio-slideshow/

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

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

(И не забывайте, что фото на сайте кликабельны для лучшего просмотра. Перевод настроек произведен в браузере Гугл Хром)

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

Plagin Portfolio Slideshow

Во втором подразделе практичнее установить автозапуск, а также отметить «Показать загрузка анимации», а «Loop слайд-шоу» отметить в том случае, если хотите бесконечную прокрутку слайд-шоу. Если вы хотите использовать плагин только для слайд-шоу, то рядом с настройкой «Нажатие на слайд-шоу» оставьте вывод «Авансы слайд-шоу», а если все же планируете слайдер со ссылками, то поменяйте на «Открывает пользовательские URL» в настройках  и ниже «В новом окне». Последняя настройка появится после смены предыдущей.

Знаете, я думаю, что стоит использовать плагин в полную его возможность настроек, тогда и плагин для слайдера загружать не придется, и плагин для вывода нужной статьи в виде виджета в сайдбар, типа Image Widget тоже не понадобится.

Plagin Portfolio Slideshow1

Третий подраздел настройка навигации нужно попробовать протестировать на своем блоге, что Вам больше понравится, но я бы установила позицию навигации в нижнем расположении( под картинками), а «Пейджер позиции» отключила бы совсем, переведя в позицию disabled (что в переводе на русский в браузере, пишется как «инвалид»)

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

Plagin Portfolio Slideshow2

Теперь после непродолжительной редакции настроек плагина может возникнуть вопрос, а где же находятся те самые шорткоды, которые можно устанавливать в статьи, страницы и даже в сайдбар в качестве слайд-шоу или слайдера? Ниже поля для редактирования каждого поста и страницы вы увидите дополнительно появившиеся поле плагина  Portfolio Slideshow. Здесь видно сколько изображений будет в вашем слайд-шоу и можно их даже переставлять по своему усмотрению.

Plagin Portfolio Slideshow9

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

Plagin Portfolio Slideshow12

Когда с количеством изображений разобрались, то закрываете медиабиблиотеку и обновляете статью. Теперь можно воспользоваться верхним шорткодом, который расположен сразу под изображениями в поле плагина Portfolio Slideshow. Второй более громоздкий шорткод можно устанавливать в редактор шаблона в вами выбранный файл. Я таковой не использую по причине нежелания восстановления  установленных таким образом слайдеров после каждого обновления темы. А устанавливая шорткод в статью (в HTML режиме)  или в сайдбар (в виджет «Текст») вы ничем не рискуете…

Plagin Portfolio Slideshow10 Если после просмотра вы решите изменить размер вашего слайд-шоу, то вернитесь на первую страницу настроек плагина в админ-панели и

Plagin Portfolio Slideshow5

измените параметр просматриваемых изображений.

Plagin Portfolio Slideshow7

Так будут просматриваться миниатюры. Миниатюры очень удобны для сайдбара. Если просматриваемый в сайдбаре слайдер будет располагаться не по центру, не стесняйтесь и  добавьте теги < center > впереди и < /center > сзади шорткода.

Plagin Portfolio Slideshow6

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

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

Plagin Portfolio Slideshow3

Plagin Portfolio Slideshow4

Допустим, вы пользуетесь слайд-шоу в статьях с большим параметром и именно большой размер указан в настройках, и шорткод при этом у вас выглядит [portfolio slideshow id=6584], но если вам нужно этот же шорткод установить в сайдбар в миниатюрном размере, то заходите на страницу «Документация», находите шорткод с параметрами миниатюры [portfolio slideshow size=thumbnail] и в нужный шорткод  [portfolio slideshow id=6584] добавляете размер  size=thumbnail, то есть шорткод для сайдбара будет выглядеть [portfolio slideshow size=thumbnail  id=6584] , вот в принципе и всё  по настройкам плагина Portfolio Slideshow.

Единственный нюанс, о котором я еще не упомянула, это если вы будете использовать со станицы «Документация» шорткоды с  включением [portfolio slideshow include=»1,2,3,4″]  или исключением [portfolio slideshow exclude=»1,2,3,4″] конкретных изображений, то есть вы хотите использовать из загруженных к данной статье изображения, но не все, поэтому перечислите их  ID в шорткоде.  ID каждого изображения можно найти в медиабиблиотеке, если подвести курсор к миниатюре. На фото это видно у четвертого изображения сверху.

Plagin Portfolio Slideshow19

Теперь учитывая всё перечисленное, обговорим все возможности плагина:

Я проверила плагин Portfolio Slideshow на то как он влияет на скорость загрузки блога плагином   P3 (Plugin Performance Profiler)  и очень порадовало, что он не дает больших изменений, а на диаграмме вообще не просматривается, его можно было обнаружить только в графике детальной разбивки.

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

:heart: Расскажи другу, пусть тоже дизайном займется :good:

Ещё статьи по теме...

test-shablon.ru

DisplayBuddy — набор из 8 плагинов для слайдшоу — CMS WordPress

DisplayBuddy представляет собой набор инструментов для отображения в виде слайдшоу Ваших медиа-материалов, таких как изображения, видео или просто текст.

Всего в DisplayBuddy 8 плагинов. Каждый отдельный плагин предназначен для наиболее легкого управления материалом для каждого. Также вы можете им воспользоваться для публикации материалов в виджетах или на страницах при помощи коротких кодов (shortcodes). Каждый из представленных плагинов периодически обновляется автоматически, а также имеет качественную поддержку по их настройке и использованию. Давайте рассмотрим все плагины по отдельности.

Slideshow: Этот плагин позволяет выводить слайд-шоу изображений где угодно на веб-сайте WordPress с полностью настраиваемыми анимированными эффектами переходов. Могут быть созданы многочисленные группы изображений для использования где угодно на сайте.

Video Showcase (Видео Витрина): Этот плагин разработан специально для видео слайд-шоу для отображения ваших любимых роликов YouTube, Vimeo или других сторонних видео в эффектных переходах слайдера. У плагина есть встроенная функция для добавления встроеннго кода (embed code), который автоматически генерирует видео миниатюру.Carousel (Карусель): Этот плагин сможет добавить элегантную карусель вращения изображения где угодно в посте WordPress или странице с широко настраиваемым контентом и эффектами. Вы можете создать многочисленные группы для ваших изображений, чтобы использовать его по вашему желанию.

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

Rotating Text (Вращение текста): Этот плагин позволяет добавлять вращающуюся группу текста с эффектом исчезания. Он позволяет добавлять группы вращающегося текста на дисплее, используя виджеты или через shortcode.

Billboard: Плагин разработан, чтобы вывести на экран вращающуюся рекламу где угодно в блоге WordPress со случайным или определенным порядком изображений.

Rotating Images (Вращение Изображений): Данный плагин позволяет вращать фотографии, слайды, изображение товара, баннеры и т.д.

Copious Comments: Этот плагин позволяет отображать список ваших топовых постов со специализированным графическим представлением, которое может быть добавлено через виджет или с помощью shortcode.

Официальная страница плагинов DisplayBuddy:

http://pluginbuddy.com/purchase/displaybuddy/

 

cms-wordpress.ru


Смотрите также

Prostoy-Site | Все права защищены © 2018 | Карта сайта