Как настроить всплывающую галерею изображений на сайте WordPress

Миниатюра

Добрый день, уважаемые читателя нашего блога!

Сегодня я хочу вам поведать о своем опыте по настройке замечательного плагина «Shadowbox Js».

Зачем нужен плагин "Shadowbox Js".

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

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

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

Мой выбор сразу остановился на плагине "Shadowbox Js". Во-первых, несколько лет поддержки и около 500 тыс. скачиваний — это уже говорит о популярности плагина. Кроме того, он размещен на официальном сайте wordpress.org . Всем советую скачивать ТОЛЬКО с официального сайта организации. Потому что это не то что гарантирует результат, но хотя бы спасает вас от хакеров и других редисок. Выбирайте только популярные плагины с многолетней историей, не скачивайте сомнительные — себе дороже!

Итак, я скачал плагин, установил и потом у меня не было времени на его настройку, а зря!

После установки он не работал корректно, а точнее вообще не работал.

Для корректной работы потребовалось докачать какие-то файлы источника (автора). Видимо он что то напортачил с выкладкой файлов. После настройки, все заработало. Я, моя жена и пользователи выли от восторга! Изображения стали всплывать в красивом затеняющем основной экран окне (написано на Java). Картинки легко посмотреть, не читая текст статьи.

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

ИТАК.

Миниобзор по установке и настройке плагина "Shadowbox Js".

1. Предлагаю вам рассмотреть картинку статьи, которая будет использоватся как пример в данном обзоре.

1. Статья до клика по изображению

 

2. Вот так выглядела открывающаяся галерея изображений статьи на моем сайте до установки плагина. Мы наблюдаем исчезновение текста статьи, невозможность нормально просмотреть картинки и т.п. вредности. Посмотрите в конец статьи и увидите какой эффект будет от установки плагина...

2. Меня не устраивает встроенная в мой шаблон галерея изображений

 

3. Итак, начнем установку плагина. Для этого, Найдите на панели плагинов нужный шаблон и установите его. Надо заметить, что не у всех есть возможность установки шаблона из панели админки сайта (Меню «Плагины — Установить новый — поиск — ввести наименование плагина»), так как версий WordPress много и не все (кроме новейших) поддерживают интерактивную установку плагинов из админки. Для таких товарищей и бы посоветовал обновить версию WordPress до новейшей. Если же это невозможно (в силу ряда причин, например, новые версии WordPress не поддерживают  некоторые старые плагины и шаблоны), то я посоветую вам зайти на официальный сайт wordpress.org и скачать оттуда плагин. Затем вы можете его установить в админке сайта с помощью меню «Плагины — добавить новый — загрузить из файла».

3. Найдите на панели плагинов нужный шаблон и установите его

 

4. Активируйте плагин в окне установки или в общем списке плагинов

4. Активируйте плагин в окне установки или в общем списке плагинов

 

5. По желанию активируйте дополнительный плагин и зайдите в настройки плагина Shadowbox js

5. По желанию активируйте дополнительный плагин и зайдите в настройки плагина Shadowbox js

 

6. Установите галки настроек плагина согласно рисунку. Опция Enable smart loading отвечает за интерактивную загрузку плагина поверх всех установок шаблона. Если ваш шаблон содержит кривые галереи изображений, то они не будут использоваться. Галерея изображений будет использоваться от данного плагина.

6. Установите галки настроек плагина согласно рисунку

 

7. Внизу окна настроек плагина нажмите сохранить изменения

7. Внизу окна настроек плагина нажмите сохранить изменения

 

8. В результате настроек появляется симпатичное окно с галереей картинок статьи, затеняющее основное окно сайта

8. В результате настроек появляется симпатичное окно с галереей картинок статьи, затеняющее основное окно сайта

Теги: , ,

>