Lightbox plus colorbox - виводимо зображення, wpnice - ваш сайт про wordpress

Lightbox plus colorbox - виводимо зображення, wpnice - ваш сайт про wordpress

Напевно, кожен власник wordpress-блогу хоч би одного разу, але стикався з такою проблемою: в пост потрібно вставити картинку в хорошій якості, але зображення виходить за рамки текстового поля. Для такого роду проблем існує просте і елегантне рішення: Lightbox Plus ColorBox - легкий і зручний плагін, створений для збільшення зображень і їх красивого виведення.

Lightbox plus colorbox - виводимо зображення, wpnice - ваш сайт про wordpress
З часу першого огляду цього плагіна пройшло вже багато часу і за це минулий час, він встиг не тільки трохи змінити назву (стара - Lightbox Plus), але і кардинально розростися в налаштуваннях. Налаштувань тепер багато, але міняти їх потрібно дуже уважно, тільки якщо, щось не влаштовує вас з варіанту - «за замовчуванням».
Практично всю статтю довелося переписати заново. Так як від старого плагіна в адмінці практично нічого не залишилося. Судячи з кількості завантажень на сьогоднішній день плагін залишається мега популярним, обганяючи свого найближчого і головного конкурента - Fancybox for WordPress.

установка плагіна

Установка плагіна стандартна. Заходимо в адмінку wordpress і за допомогою пошуку по плагинам шукаємо Lightbox Plus ColorBox. Додаємо його і активуємо. Готово.

Налаштування Lightbox Plus ColorBox

Lightbox plus colorbox - виводимо зображення, wpnice - ваш сайт про wordpress
В принципі, плагін відразу готовий до без проблемної роботі, але при бажанні - «покопатися» в настройках і дізнатися про всі тонкощі роботи плагіна, йдемо в розділ «Зовнішній вигляд» і вибираємо пункт Lightbox Plus ColorBox. Перед нами єдина сторінка з настройками - Lightbox Plus ColorBox Options на якій розташовані чотири згортається меню:

About Lightbox Plus ColorBox for WordPress.

Інформація про поточну версію плагіна, корисні посилання та інформація про розробників.

Lightbox Plus ColorBox - Base Settings.

  1. General - містить чотири чекбокса (за замовчуванням вимкнені). Дозволяє додавати нові, вторинні лайтбокси з додатковими настройками. При цьому у вас з'являться і нові розділи. Останній чекбокс дозволяє приховати верхнє меню - About Lightbox Plus ColorBox for WordPress.
  2. Styles - настройка зовнішнього вигляду виведених зображень. Можна вибрати з 26 доступних стилів. Крім цього, тут можна дозволити використання своїх стилів або відключити вбудовані.
  3. Advanced - дозволяє обмежити роботу плагіна тільки на сторінках або в постах. Переключити роботу інлайн-скриптів в футере або хеадер. Визначити пріоритет завантаження скриптів.
  4. Support - детальна інформація про всіх складових плагіна.

Lightbox plus colorbox - виводимо зображення, wpnice - ваш сайт про wordpress

Lightbox Plus ColorBox -Primary Lightbox Settings.

  1. General - настройки типу виводяться ефектів, швидкість виведення, прозорість фону і налаштувати взаємодію з галереями.
  2. Size - налаштувати вручну всі фіксовані розміри для виведення зображень.
  3. Postition - настройка позиції висновку щодо сторін сторінки.
  4. Interface - Досить велика група налаштувань стосується інтерфейсу. Можна налаштувати текст для закриття картинки і включити роботу клавіші ESC. Вимкнути угруповання картинок і налаштувати текст для кнопок перегортання в в галереях. Включити показ кнопок навігації.
  5. Slideshow - дозволяє включити і налаштувати автоматичне слайдшоу.
  6. Other - додаткові налаштування для показу і налаштувань заголовків і посилань.
  7. Usage - короткий опис всіх закладок у цьому розділі.
  8. Demo \ Test - можливість тут же протестувати виведення зображення.

Lightbox plus colorbox - виводимо зображення, wpnice - ваш сайт про wordpress

Lightbox Plus ColorBox - Reset-initialize.

Скидання всіх параметрів і повторна ініціалізація плагіна.

Окремо хочу відзначити що багато чекбокси в налаштуваннях плагіна, відключені за замовчуванням, при включенні, можуть створювати додаткові поля з настройками і навіть цілі розділи. Будьте дуже уважні.
Версія плагіна на момент написання (або останнього оновлення статті) - 2.6

Схожі статті