Плагин 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.
Особенности
- Create as many slideshows with as many slides as you like
- Image slides
- Text slides
- YouTube Video slides
- Responsive
- Place it anywhere on your website
- Run multiple slideshows on the same page
- Change animations and handling
- Customize to taste
- Show that visitor who’s boss
Языки
- Bulgarian (87% — bg_BG — Translated by Ilko Ivanov)
- Czech (81% — cs_CZ — Translated by Edhel)
- Dutch (100% — nl_NL — Translated by Stefan Boonstra (That’s me!))
- English (100%)
- Finnish (83% — fi — Translated by A. Nonymous)
- French (91% — fr_FR — Translated by Romain Sandri)
- German (99% — de_DE — Translated by Markus Amann and others)
- Hebrew (53% — he_IL — Translated by Eli Segev)
- Italian (83% — it_IT — Translated by Tecnikgeek)
- Japanese (82% — ja — Translated by Michihide Hotta)
- Norwegian (99% — nb_NO — Translated by A. Nonymous)
- Persian (100% — fa_IR — Translated by W3Design)
- Polish (83% — pl_PL — Translated by Wicher Wiater)
- Portuguese (92% — pt_BR — Translated by Piero Luiz and others)
- Portuguese (83% — pt_PT — Translated by Filipe Catraia)
- Russian (100% — ru_RU — Translated by Coupofy and Dmitry Fatakov)
- Serbo-Croatian (91% — sr_RS — Translated by Webhosting Hub)
- Spanish (51% — es_ES — Translated by Violeta Rosales)
- Swedish (91% — sv_SE — Translated by Åke Isacsson and Wilhelm Svenselius)
- Turkish (83% — tr_TR — Translated by İlker Akdoğan)
- Ukrainian (100% — uk_UK — Translated by Coupofy)
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 для галереи и слайд-шоу — Тестируем шаблон
Здравствуйте дорогие читатели и гости сайта «Тестируем шаблон». Рада новой встрече на блоге.
Поймала себя на мысли, что очень давно не писала о интересных плагинах и о слайдерах, в частности. Знаете, плагинов для установки слайдеров достаточно много, но найти хороший: легко, быстро и удобно настраиваемый плагин оказалось не так чтобы сразу, мне пришлось пару дней поактивировать плагины с данной функцией в админ панели, и только раза с девятого я нашла удачный. Дело в том, что я принципиально не работаю с плагинами для слайдеров, в которых нужно встраивать код в редакторе шаблона. Я люблю сама менять шаблон на блоге, к тому же периодически приходят обновления шаблона, и как поведет себя встроенный в редакторе код еще неизвестно.
А теперь непосредственно про плагин Image Gallery with Slideshow. Его вы можете найти через поисковик плагинов: заходите в консоль_»Плагины»_»Добавить новый» и в окно поиска вносите точное название плагина. Если таким способом Вы не смогли найти плагин, то скачать его можно по адресу: http://wordpress.org/extend/plugins/image-gallery-with-slideshow/.
После активации плагина в админ-панели блога появляется дополнительная строка для редактирования, но настроек очень немного, хотя расположены они на нескольких страницах.
Итак, начнем по-порядку: на первой странице располагаются уже готовые шорткоды для галереи и слайд-шоу соответственно, то есть, загружая комплект изображений, вы можете сделать из них одновременно и галерею и слайд-шоу одновременно, вставляя нужный шорткод в режиме HTML в нужную статью или страницу, в виде виджета в сайдбаре данный плагин НЕ РАБОТАЕТ.
Вторая страница делится на два подраздела: настройка галереи и настройка слайдшоу. Получается, что настройка размеров и других характеристик будет действовать на все созданные шорткоды галерей и слайд-шоу одновременно, в отличие, например, от настроек плагина TheThe Image Slider, в котором каждый слайдер и слайд-шоу можно сделать абсолютно разным, начиная с размеров и заканчивая переходами между изображениями и даже фоном, на котором просматривается слайдер.
Галерея настраивается следующим образом: размеры по умолчанию 170, но я сделала поменьше, из остальных параметров отметила сортировку миниатюры по названию,а сортировка по направлению означает, какие изображения будут показываться в первую очередь:первые или последние загруженные.
К параметрам настройки слайд-шоу относятся :будут показаны эскизы картинок ниже слайд-шоу или нет; в случае если миниатюры будут показаны, то как они будут расположены, а далее размеры слайд-шоу.
На третьей странице нужно сначала придумать название для галереи и сохранить.
В следующем подразделе загружаются изображения, но сначала выбираем нужную галерею и уже туда загружаем картинки с компьютера.( Я пользовалась только загрузкой по одному изображению.) Изображения лучше выбирать одного размера и лучше исходя из размеров слайд-шоу. Конечно, размеры изображений могут быть и разными, они все равно будут загружаться, но вот просмотр галереи будет не очень удобным, если будут чередоваться картинки очень большого и маленького размеров.
Вставлять готовый шорткод в режиме HTML можно в любое удобное место в статье.
На фото ниже галерея встроена в конце статьи.
Если нажать на картинку галереи, то миниатюра будет увеличиваться до размеров загруженного изображения.
Галерея на фото ниже встроена в середине статьи, но миниатюры я сделала небольшими: порядка 50*50 пикселей.
А на этом фото миниатюры 100*100 пикселей.
Слайд-шоу может быть разного размера: большего
или меньшего ; с расположенными ниже эскизами
или без эскизов.
Вот такие галереи и слайд-шоу можно сделать с помощью плагина Image Gallery with Slideshow. Кстати, готовых галерей может быть на блоге несколько.
Всю галерею плагинов по слайдерам можно посмотреть на специальной странице “Слайдеры“.(Здесь сделаны небольшие видеозаписи для наглядности)
О других интересных плагинах мы поговорим в следующих статьях рубрики «Плагины Вордпресс». До новых встреч, с вами была Юлия.
Расскажи другу, пусть тоже дизайном займетсяЕщё статьи по теме...
Об авторе Юлия
Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))test-shablon.ru
Плагин Portfolio Slideshow для самого обычного слайд-шоу — Тестируем шаблон
Здравствуйте, дорогие читатели и гости сайта «Тестируем шаблон». Рада новой встрече на блоге.
Сегодня мне хочется рассказать о интересном плагине Portfolio Slideshow. Само название плагина говорит о том, что данный плагин настаивает на блоге слайд-шоу, но как обычно бывает только настройкой слайд-шоу здесь не обошлось.
Когда-то, а точнее пару лет назад, я совсем начинающий блогер, замечающий на разных сайтах интересные фишки, увидела очень любопытную настройку: картинка к посту была не обычной, она менялась, то есть несколько изображений сменяли друг друга. Не могу теперь утверждать со 100% уверенностью, что это был плагин Portfolio Slideshow, но очень на него похоже…Теперь и вы на своем блоге можете сделать интересную настройку, которая поразит и впечатлит новичков в деле сайтостроения, точнее тех, кого очень интересуют интересные и необычные находки в дизайне блога.
А для этого нужно просто зайти в админ панель собственного сайта в категорию настроек “Плагины”_”Добавить новый” и в окошко поиска внести точное название плагина Portfolio Slideshow. Устанавливаем и активируем плагин. Если таким способом вы не нашли плагин, то скачать его можно по адресу: http://wordpress.org/plugins/portfolio-slideshow/
После активации плагина в админ панели в категории настроек «Параметры»(«Настройки» в более ранней комплектации админки) появляется настройка плагина расположенная на двух страницах. Первая из них называется «Настройки слайд-шоу», вторая-«Документация».
(И не забывайте, что фото на сайте кликабельны для лучшего просмотра. Перевод настроек произведен в браузере Гугл Хром)
Настроек для редактирования здесь немного и они еще подразделены на четыре подгруппы. Хочу сказать, что можно для установки первого шорткода оставить настройки по умолчанию, а если что не нравится, то достаточно внимательно читайте всплывающие подсказки, которые появляются при наведении мышкой на значок вопросительного знака. Настройки первого подраздела я оставила как видно на скрине.
Во втором подразделе практичнее установить автозапуск, а также отметить «Показать загрузка анимации», а «Loop слайд-шоу» отметить в том случае, если хотите бесконечную прокрутку слайд-шоу. Если вы хотите использовать плагин только для слайд-шоу, то рядом с настройкой «Нажатие на слайд-шоу» оставьте вывод «Авансы слайд-шоу», а если все же планируете слайдер со ссылками, то поменяйте на «Открывает пользовательские URL» в настройках и ниже «В новом окне». Последняя настройка появится после смены предыдущей.
Знаете, я думаю, что стоит использовать плагин в полную его возможность настроек, тогда и плагин для слайдера загружать не придется, и плагин для вывода нужной статьи в виде виджета в сайдбар, типа Image Widget тоже не понадобится.
Третий подраздел настройка навигации нужно попробовать протестировать на своем блоге, что Вам больше понравится, но я бы установила позицию навигации в нижнем расположении( под картинками), а «Пейджер позиции» отключила бы совсем, переведя в позицию disabled (что в переводе на русский в браузере, пишется как «инвалид»)
Четвертый подраздел, что на фото ниже я оставила по умолчанию, а именно так как на скрине.
Теперь после непродолжительной редакции настроек плагина может возникнуть вопрос, а где же находятся те самые шорткоды, которые можно устанавливать в статьи, страницы и даже в сайдбар в качестве слайд-шоу или слайдера? Ниже поля для редактирования каждого поста и страницы вы увидите дополнительно появившиеся поле плагина Portfolio Slideshow. Здесь видно сколько изображений будет в вашем слайд-шоу и можно их даже переставлять по своему усмотрению.
Если вам нужно добавить несколько изображений, то заходите в медиабиблиотеку по ссылке «Добавить медиафайл» и загружаете картинки с компьютера. Получается, что слайд-шоу данной конкретной статьи будет включать загруженные для этой записи изображения. (Как показано на фото ниже) На фото кстати еще видно, где появляется дополнительное поле в параметрах файла, где можно указать ссылку, и при этом с данной картинки можно будет перейти на указанную статью или страницу: слайд-шоу плавно превращается в слайдер .
Когда с количеством изображений разобрались, то закрываете медиабиблиотеку и обновляете статью. Теперь можно воспользоваться верхним шорткодом, который расположен сразу под изображениями в поле плагина Portfolio Slideshow. Второй более громоздкий шорткод можно устанавливать в редактор шаблона в вами выбранный файл. Я таковой не использую по причине нежелания восстановления установленных таким образом слайдеров после каждого обновления темы. А устанавливая шорткод в статью (в HTML режиме) или в сайдбар (в виджет «Текст») вы ничем не рискуете…
Если после просмотра вы решите изменить размер вашего слайд-шоу, то вернитесь на первую страницу настроек плагина в админ-панели и
измените параметр просматриваемых изображений.
Так будут просматриваться миниатюры. Миниатюры очень удобны для сайдбара. Если просматриваемый в сайдбаре слайдер будет располагаться не по центру, не стесняйтесь и добавьте теги < center > впереди и < /center > сзади шорткода.
Теперь у вас возникнет вопрос, а если я хочу использовать с статьях слайд-шоу в большом размере, а в сайдбаре мне нужны миниатюры, что же делать? Для этого у нас есть вторая страничка настроек шаблона (ну не могла же она быть просто так
На странице «Документация»есть дополнительные шорткоды с размерами, переходами и всем тем, что вы измените-отключите в основных настройках, но можете добавить в данный конкретный шорткод.
Допустим, вы пользуетесь слайд-шоу в статьях с большим параметром и именно большой размер указан в настройках, и шорткод при этом у вас выглядит [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 каждого изображения можно найти в медиабиблиотеке, если подвести курсор к миниатюре. На фото это видно у четвертого изображения сверху.
Теперь учитывая всё перечисленное, обговорим все возможности плагина:
- в любой статье или странице можно установить один или несколько слайд-шоу или слайдеров данной конкретной статьи или установить шорткод от любой другой статьи (страницы), можно еще каждый из предложенных готовых шорткодов отредактировать, добавляя участок кода со страницы «Документация». Таким образом количество используемых шорткодов поистине безгранично,
- можно установить шорткод в сайдбар и у вас получится слайд-шоу или слайдер по вашему желанию, только не забудьте отметить «Открывает пользовательские URL» в настройках и укажите ссылки в параметрах файла,
- если у вас загружено одно изображение к статье, то добавив ссылку на данную статью и установив шорткод в сайдбар, вы получите уже готовый баннер с изображение на данную статью,
- на работу шорткодов не влияют количество и их дублирование на одной странице, также совместная установка шорткодов с разных страниц
Я проверила плагин Portfolio Slideshow на то как он влияет на скорость загрузки блога плагином P3 (Plugin Performance Profiler) и очень порадовало, что он не дает больших изменений, а на диаграмме вообще не просматривается, его можно было обнаружить только в графике детальной разбивки.
Если вы решите установить плагин Portfolio Slideshow к себе на блог, то можете посмотреть небольшое видео с настройкойДо новых встреч, с вами была Юлия. О других интересных плагинах мы поговорим в следующих статьях рубрики. А с плагинами, с помощью которых вы можете настроить слайдер или слайд-шоу на блоге, в случае, если не выберете Portfolio Slideshow, можно ознакомится на страничке «Слайдеры».
Расскажи другу, пусть тоже дизайном займетсяЕщё статьи по теме...
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