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

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

Зміст

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

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

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

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

Представляємо Lightbox:

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

Використання лайтбокса:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лайтбокс відео:

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

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

Ціни на Elementor:

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

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