Від автора: вітаю вас, друзі. У цій невеликій статті ми з вами розглянемо один з безлічі плагінів WordPress для роботи з картинками — це плагін збільшення картинок WordPress.
Власне, я практично впевнений, що подібні плагіни вам вже відомі і ви навіть користувалися одним з таких плагінів для збільшення зображень на сайті. В народі такі плагіни часто називають «а-ля лайтбокс» (за назвою одного з перших подібних плагінів — Lightbox).
У цій статті ми познайомимося з плагіном Shadowbox JS. Це досить функціональна і гнучка штука, яка дозволяє відкривати в модальному вікні не тільки картинки, але і інші файли: відео, аудіо, флеш. Загалом, плагін справді корисний.
Почнемо з його установки на сайт WordPress. Йдемо в меню Плагіни — Додати новий і шукаємо за запитом shadowbox js. У моєму випадку це перший же результат у списку знайденого.
Встановимо і активуємо знайдений плагін. Плагін успішно встановився, однак разом з повідомленням про успіх ми бачимо повідомлення про те, що втрачені деякі файли. Щоб виправити проблему, пропонується перейти на сторінку налаштувань плагіна Shadowbox JS.
Давайте так і зробимо. На сторінці налаштувань бачимо кнопку, натиснувши на яку можна отримати бракуючі файли.
Тиснемо кнопку і отримуємо відсутні файли.
На цьому встановлення завершено і, якщо вірити автору плагіна, всі картинки повинні автоматично збільшуватися і показуватися у модальному вікні. Давайте перевіримо це, додавши в статтю якусь мініатюру. Не забудьте при додаванні зображення вказати в налаштуваннях відображення, що додається картинка буде посиланням на медиафайл.
Якщо все зроблено вірно, то перейшовши до статті і клацнувши по картинці, ми повинні побачити, як вона збільшиться, відкриваючись у модальному вікні.
Власне, наше з вами завдання ми виконали — тепер картинка збільшується з плавним і гарним ефектом. Далі ви можете перейти до налаштувань плагіна, які можна знайти в меню Налаштування — Shadowbox JS.
Серед корисних налаштувань варто відзначити, наприклад, наступні: можливість керувати кольором і непрозорістю заднього фону (overlay) модального вікна, можливість включати або відключати дію плагіна точково, для різних типів контенту (зображення, відео, аудіо і навіть різних відеосервісів — YouTube і Google Video). Поиграйтесь з налаштуваннями, щоб оформити роботу плагіна у вашому смаку.
Ну а у мене на цьому все. До речі, роботу з іншими корисними плагінами ви можете подивитися в цьому невеличкому циклі уроків.