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

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

  • в любой статье или странице можно установить  один или несколько слайд-шоу или слайдеров  данной конкретной  статьи  или  установить шорткод от любой другой статьи (страницы), можно еще каждый из предложенных готовых шорткодов отредактировать, добавляя участок кода со страницы «Документация». Таким образом количество используемых шорткодов поистине безгранично,
  • можно установить шорткод в сайдбар  и у вас получится слайд-шоу или слайдер по вашему желанию, только не забудьте отметить «Открывает пользовательские URL» в настройках и укажите ссылки в параметрах файла,
  • если у вас загружено одно изображение к статье, то добавив ссылку на данную статью и установив шорткод в сайдбар, вы получите уже готовый баннер с изображение на данную статью,
  • на работу шорткодов не влияют количество и их дублирование на одной странице, также совместная установка шорткодов с разных страниц

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

Если вы решите установить плагин Portfolio Slideshow к себе на блог, то можете посмотреть небольшое видео с настройкой

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

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

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

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

14 комментариев: Плагин Portfolio Slideshow для самого обычного слайд-шоу

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

    Approve Классно смотрится такое слайд-шоу на сайте. Интересно, поисковикам как-то мешает это находить статью, где-то читала что слайды, флеш «штучки», этому мешают.

    • Юлия пишет:

      Тоже слышала, но точного подтверждения так и не получила…А ведь это можно еще и использовать тогда: устанавливаете слайдер в статью, которую не хотите индексировать (возможно дублируется контент на блоге) и не надо в robots ковыряться ;-) (шучу). Хотя наши ПС системы непредсказуемы, но заметила одну часто встречающуюся закономерность: если Вас любит Гугл, то не любит Яндекс и наоборот…

  2. Светлана пишет:

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

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

    Интересный плагин, но я как-то со слайд — шоу не «дружу». Не заладилось в самом начале сайтостроения… Юля, статья доступная и полезная. Мне тоже Яндекс-фотки нравятся.

  4. Владимир пишет:

    Спасибо, отличная статья.
    Вот только анимационная мишура вашего сайта сильно грузит процессор моего компа, вводя его в задумчивость. В диспетчере задач постоянно висит 100%.
    Я поначалу тоже установил несколько плагинов, где непрерывно двигалось и менялось, а сейчас снёс по этой причине. Оставил только один слайдер, увеличив в нём интервал смены картинок.

  5. А вы случаем не в курсе, есть ли плагин чтобы выводить портфолио в виде плитки как в виндеовс8?

    • Юлия пишет:

      Александр, в данном ситуации (про Вордпресс, веб-дизайн) профи все-таки Вы Who-s-the-man
      Возможно и есть такой плагин ( их ведь такое количество), а сделать без плагина разве такое невозможно?

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

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

    Большое спасибо за информацию, долго искала подобный плагин!

    • Юлия пишет:

      Пожалуйста, Татьяна. Совсем недавно нашла еще один легкий в настройках плагин для слайдера и слайд-шоу. Так что заходите :yes:

  8. Марина пишет:

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

    • Юлия пишет:

      В статье есть абзац «Если просматриваемый в сайдбаре слайдер будет располагаться не по центру, не стесняйтесь и добавьте теги < center > впереди и < /center > сзади шорткода.» Попробуйте, должно получиться, только скобочки ставьте ближе к тегу, я их написала так, иначе просто в статье они были бы не видны…

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

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

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