Як користуватися Lightbox та динамічним Lightbox з Elementor

Ваш веб-сайт - це Інтернет-сфера вашого бізнесу. Це місце, де кожен, хто навіть трохи цікавиться тим, що ви робите, відвідає. Найчастіше це найперше, на що звертається більшість покупців, вирішуючи звернутися до постачальника послуг або коли йдеться про покупку товару. Отже, веб-сайт повинен бути справжнім, що може справити враження.  

Зміст

• Зміст
• Використання Elementor Pro:
• Представляємо Лайтбокс:
• Використання Lightbox:
• Глобальні налаштування:
• Налаштування кольорів:
• Завантаження зображення та редагування:
• Дії лайтбоксу:
• Відео з лайтбоксу:
• Цінова вартість елемента:

Використання Elementor Pro:

Якщо ваш веб-сайт створено на базі Elementor Pro , ви отримаєте велику перевагу. Elementor Pro є не тільки одним із найкращих конструкторів сторінок веб-сайтів на WordPress, але він надзвичайно унікальний і часто надає безліч способів, за допомогою яких ви можете змінити вигляд своєї сторінки.

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

Представляємо Лайтбокс:

Лайтбокс - це інструмент, за допомогою якого ви можете додавати зображення, відео та навіть каруселі у спливаючому вікні. Зазвичай, найкращий спосіб пояснити це, якщо ви хочете, щоб відео чи зображення відкривалося, коли ваш відвідувач натискає, скажімо, кнопку. По суті, лайтбокс Elementor дає змогу відображати зображення чи відео у несподіваний спосіб і є лише творчим способом залучити участь у глядача.

Використання Lightbox:

Використання Elementor Pro Lightbox легко та просто. Як правило, Lightbox увімкнено за замовчуванням, але ви також можете увімкнути його, перейшовши до глобальних налаштувань певної сторінки. Глобальні налаштування дозволять вносити різноманітні зміни та надаватимуть безліч варіантів щодо зображення чи відеоефектів.

Для того, щоб перейти до глобальних налаштувань, просто натисніть на значок омбре, як зазначено на зображенні нижче:

Після цього вам просто потрібно натиснути на глобальні налаштування:

Глобальні налаштування:

Якщо увімкнути параметр Lightbox для зображень, то всі пов’язані зображення відкриються у спливаючому вікні або Lightbox. Це ввімкнено дозволяє ексклюзивну функцію на вашому веб-сайті.  

Увімкнення опції лічильника дозволить відображати кілька зображень у лайтбоксі. Це особливо корисно, коли ви намагаєтеся продемонструвати amp або зображення певного товару в різних кольорах.

Повноекранний екран, як випливає з назви, відкриє ваше лайтбокс у повному розмірі. Може бути корисним, якщо конкретні деталі потрібно переглянути на зображенні.

Ви також можете ввімкнути параметр масштабування, доступ до зображення лайтбоксу можна отримати в різних точках із збільшенням положення.

Ви також можете поділитися зображенням лайтбоксу в соціальних мережах, дозволити опцію спільного доступу.

Заголовок лайтбокс-зображення може відображатися, як показано на наступному зображенні, і той самий випадок стосується його опису. Ви можете вибрати такі параметри, як жоден, Назва, Підпис, Опис Alt. Їх можна встановити окремо під час завантаження зображення.

Глобальні налаштування Lightbox Dynamic є важливими, оскільки вони забезпечують краще розуміння нескінченних можливостей, які ви можете досягти за допомогою Lightbox. Справа в тому, що ви можете з цим зробити багато, і все залежить від того, наскільки креативними ви можете користуватися зображеннями, відео та налаштуваннями параметрів.

Налаштування кольорів:

Кольори фону, інтерфейсу користувача, інтерфейсу користувача Наведіть курсор на зображення Lightbox або відео. Виберіть те, що вам подобається, і встановіть кольорові гами вашого веб-сайту на абсолютно вищий рівень.

Завантаження зображення та редагування:

Використання Lightbox можна найкраще зрозуміти під час завантаження та редагування зображення. На зображенні нижче ви помітите, як у розділі вмісту ви побачите виділений розділ Lightbox. Цей розділ можна використовувати для редагування та встановлення параметрів для певного зображення.  

Дії лайтбоксу:

Цей розділ можна використовувати для здійснення таких дій, як масштабування зображення або встановлення параметрів соціального обміну. Також можна встановити такі параметри, як повноекранна реалізація та слайд-шоу.

Трохи під розділом дій Lightbox ви можете увімкнути опцію заголовків. Що б ви не встановили заголовки, вони відображатимуться, як тільки зображення буде встановлено у посиланні Lightbox. Підписом буде відображено нижче зображення.

Крім того, параметри, такі як встановлення типографії тексту та кольорів, також можуть бути встановлені в одному розділі.

Відео з лайтбоксу:

Відео Lightbox надають абсолютно нову перевагу вашому веб-сайту. Іноді зображення не відповідають характеристикам вашої компанії. Якщо ви хочете повністю пояснити характеристики вашого продукту чи функцій, то шлях до відео, пов’язаний у розділі Lightbox, - це шлях. Просто перейдіть до параметра редагування на зображенні нижче та розмістіть посилання або URL вашого відео. Lightbox динамичний приймає відеопосилання з Youtube, Dailymotion і навіть Vimeo.  

Ця функція дозволяє додати ще один вимір на веб-сайті. Пояснення речей ще не було таким простим способом у відеозаписі Lightbox!

Цінова вартість елемента:

Тема Elementor дивовижна з точки зору функціональності та створення продукту, який є першокласним! З такими функціями, як LightBox, він просто піднімає весь аспект створення веб-сайту на новий вищий рівень. Elementor доступний у трьох пакетах, а у всіх трьох пакетах доступний LightBox. Єдина відмінність полягає в тому, що в Elementor Pro ви можете робити необмежену кількість веб-сайтів!

Використання динаміків Lightbox вигідно багатьма способами, найкраща частина полягає в тому, що його легко реалізувати на вашому веб-сайті. Основна ідея - отримати тягу, яку заслуговує ваш веб-сайт, це можна зробити легко за допомогою Dynamic Lightbox. Отже, що ви чекаєте? Підготуйте свій веб-сайт вже сьогодні!