От автора: приветствую вас, друзья. В этой небольшой статье мы с вами рассмотрим один из огромного множества плагинов WordPress для работы с картинками — это плагин увеличения картинок WordPress.
Собственно, я практически уверен, что подобные плагины вам уже известны и вы даже пользовались одним из таких плагинов для увеличения изображений на сайте. В народе подобные плагины часто называют «а-ля лайтбокс» (по названию одного из первых подобных плагинов — Lightbox).
В этой статье мы познакомимся с плагином Shadowbox JS. Это достаточно функциональная и гибкая штука, которая позволяет открывать в модальном окне не только картинки, но и другие файлы: видео, аудио, флеш. В общем, плагин действительно полезный.
Начнем с его установки на сайт WordPress. Идем в меню Плагины — Добавить новый и ищем по запросу shadowbox js. В моем случае это первый же результат в списке найденного.
Установим и активируем найденный плагин. Плагин успешно установился, однако вместе с сообщением об успехе мы видим и сообщение о том, что потеряны некоторые файлы. Чтобы исправить проблему, предлагается перейти на страницу настроек плагина Shadowbox JS.
Давайте так и поступим. На странице настроек видим кнопку, кликнув по которой можно получить недостающие файлы.
Жмем кнопку и получаем недостающие файлы.
На этом установка завершена и, если верить автору плагина, все картинки автоматически должны увеличиваться и показываться в модальном окне. Давайте проверим это, добавив в статью какую-нибудь миниатюру. Не забудьте при добавлении изображения указать в настройках отображения, что добавляемая картинка будет являться ссылкой на медиафайл.
Если все сделано верно, то перейдя к статье и кликнув по картинке, мы должны увидеть, как она увеличится, открываясь в модальном окне.
Собственно, нашу с вами задачу мы выполнили — теперь картинка увеличивается с плавным и красивым эффектом. Далее вы можете перейти к настройкам плагина, которые можно найти в меню Настройки — Shadowbox JS.
Среди полезных настроек стоит отметить, к примеру, следующие: возможность управлять цветом и непрозрачностью заднего фона (overlay) модального окна, возможность включать или отключать действие плагина точечно, для различных типов контента (картинок, видео, аудио и даже различных видеосервисов — YouTube и Google Video). Поиграйтесь с настройками, чтобы оформить работу плагина в вашем вкусе.
Ну а у меня на этом все. К слову, работу с другими полезными плагинами вы можете посмотреть в этом небольшом цикле уроков.
Комментарии (1)