Нещодавно я опублікував тут функцію для створення кнопок для відкриття модального вікна без плагінів у WordPress, а минулого місяця - ще одну для додавання підказок. Ну, а вчора GenerateBlocks в оновленні 2.3.0 своєї Pro-версії додав цю опцію набагато гнучкішою і з багатьма іншими можливостями, що може заощадити вам кілька плагінів.
Це оверлейні панелі (не знаю, чи це найкращий переклад для "оверлейних панелей") з умовами.
Панелі накладання GenerateBlocks Pro 2.3 дозволяють додавати будь-який вміст до інтерактивних елементів, таких як спливаючі вікна, розсувні вікна, модальні та немодальні вікна, підказки, панелі поза полотном і навіть мега-меню.
Хоча GenerateBlocks і GeneratePress відомі своїм чистим, легким і оптимізованим кодом, мені ще належить проаналізувати вплив цих панелей на DOM, порівняти кількість елементів і глибину, яку вони додають, щоб зрозуміти, в яких випадках буде краще використовувати цей новий інструмент або тільки HTML і CSS, пожертвувавши його цікавими опціями умовних правил.
GenerateBlocks не додає новий блок до колекції з 12. Ми побачимо дві нові опції в адмінці: Панелі накладання та Умови.
Щоб почати створювати першу модальну, спливаючу або підказку, клацніть на Панелі накладання, і праворуч ви побачите параметри її конфігурації.
Тепер ви можете протестувати його функції, створивши будь-який вміст всередині контейнера GenerateBlocks (або іншого елемента), не вивчаючи параметри конфігурації умов.
Доступні тригери (дії або обставини, які виконають річ з вмістом, що відображається):
- Натиснути. Активує вміст, який буде відображатися при натисканні на кнопку, зображення, посилання тощо.
- При наведенні, активується, коли користувач наводить курсор на елемент.
- Клацнітьабо наведіть курсор. Поєднайте клацання та наведення.
- Намір виходу: Відображається, коли користувач намагається покинути сторінку і переміщує вказівник у верхню частину браузера.
- Відсоток прокрутки: Відображення після того, як користувач прокрутить сторінку вниз до вказаного відсотка.
- Затримка за часом: З'являється після встановленого вами часу.
- Кастомніподії запускаються певними діями, наприклад, коли елемент додається до кошика WooCommerce (`wc-blocks_added_to_cart`).
Тоді ви можете ознайомитися з Умовами та спробувати свої можливості. Хоча я ще не встиг використати всі комбінації, але те, що мені вдалося випробувати, здається дуже корисним.
Якщо тригери пропонують хорошу палітру варіантів, то умови значно розширюють їхні можливості.
Умови можуть базуватися на широкому діапазоні параметрів, що дає вам можливість детального контролю:
- Автор: Показує накладання на вміст певних авторів.
- Cookie: Показувати або приховувати оверлеї залежно від наявності або значень файлів cookie.
- Дата і час. Планування накладок на певні дати, час або події, що повторюються.
- Пристрій - показує або приховує накладання на основі комп'ютера, планшета або мобільного пристрою.
- Мова: Сегментуйте користувачів відповідно до мови вашої сторінки.
- Місцезнаходження: відображає накладки на певні сторінки, публікації або файли. Розташування також можна налаштувати для всього сайту або на рівні деталізації, аж до сторінки 404 або підсторінок.
- Користувацькі полядописів можна використовувати для запуску накладок (наприклад, для відображення накладок на дописи з певним мета-значенням).
- Параметр запиту - цільові URL-адреси з конкретними рядками запиту (наприклад, `?utm_source=newsletter`). Це дуже корисно, якщо ви запускаєте рекламу і хочете показувати тільки пропозиції, засновані на певних параметрах запиту для конкретної кампанії.
- Реферер: націлений на відвідувачів, які приходять з певних доменів або URL-адрес.
- Параметри сайту - Налаштування параметрів сайту WordPress відповідно до умов.
- Метадані користувача, персоналізація відповідно до даних профілю користувача.
- Роль користувача: Показувати вміст зареєстрованим користувачам, адміністраторам, підписникам або гостям.
Ви можете знайти список решти опцій в цьому пості або в цьому посібнику для панелей і в цьому посібнику для умов з документацією, прикладами, порадами та скріншотами.
А якщо ви хочете, щоб хтось наочно пояснив, як почати роботу, Кайл з The Admin Bar вже зробив це в цьому відео.
Я все ще вважаю, що, хоча на їхньому форумі підтримки вони пропонують дуже хороше обслуговування клієнтів з дуже корисними відповідями на будь-які питання, крива навчання для використання багатьох можливостей GenerateBlocks все ще трохи крута. Особливо для новачків або тих, хто звик до таких конструкторів, як Elementor. Тим не менш, я б не проміняв GB на будь-який інший конструктор або колекцію блоків, тому що його еволюція, хоч і повільна, але, як на мене, є правильною.
