GenerateBlocks 1.7 та GenerateBlocks Pro 1.5 вийшли в перший реліз-кандидат і незабаром будуть доступні для використання на виробничих майданчиках.
Завдяки цьому важливому оновленню плагін, який народився з чотирма простими блоками, тепер має вісім, додавши, серед іншого, блок вкладок і блок акордеону.
Але це оновлення набагато більше, воно розширює його можливості створювати більше і краще. Завдяки 220 змінам файлів і понад 10 000 рядків оновленого коду, редактор GenerateBlocks став більш впорядкованим, більш модульним і, зрештою, набагато ефективнішим. Більше функцій додається швидше і з меншою кількістю коду.
Це філософія його творця, Тома Усборна:
“Усе, що ми робимо, спрямоване на результат. Якщо ми не можемо зробити щось простим/легким способом, ми просто не будемо цього робити”.
Я все ще вважаю, що цей набір блоків, якщо він продовжить розвиватися так само, як зараз, незабаром не матиме собі рівних. Принаймні, з точки зору продуктивності та гнучкості.
І якщо у вас є якісь сумніви щодо швидкості відгуку нових блоків GB, на панелі адміністратора можна порівняти продуктивність з тими ж блоками Kadence, і виявиться, що блоки GB все одно легші. Наприкінці порівняння є кумедна маленька деталь про вагу і перебільшену кількість запитів, які додаються за допомогою простого заголовка Elementor.
Приступаємо до роботи
За допомогою нового блоку вкладок ви можете створити дуже гарну і легку просту галерею зображень, як показує Майк Олівер, і оскільки я тестував RC-версію, я скористався можливістю створити тестову галерею і залишити тут нотатки про процес.
1 – Відкрийте редактор і додайте блок вкладок.
2 – Виберіть потрібний шаблон вкладки.
3 – Додайте необхідну кількість вкладок, натиснувши на +
4 – Прокрутіть вкладки вниз або вгору, залежно від того, де ми хочемо показати мініатюри, для цього виберіть “Елементи вкладки” і натисніть на стрілку прокрутки.
5 – Вибравши вкладку “Вкладки”, ми переходимо до конфігурації блоку з правого боку і у вкладці “Тип кнопки” змінюємо ” Кнопка” на “Контейнер“, оскільки ми не можемо додавати зображення всередину кнопок. Після цього ми побачимо, як кнопки змінять свою іконку на іконку контейнера.
6 – Видаліть стилі та тексти з вкладок.
7 – Нарешті, ми додаємо зображення до обох контейнерів вкладок і до відповідного поля вмісту.
Незважаючи на те, що у вас є тонкі налаштування для десктопа, планшета і мобільного, нічого не торкаючись, ця галерея виглядає ідеально в мобільній версії.
Звідси ми можемо створювати галерею на свій смак, додаючи інші елементи, застосовуючи стилі або що завгодно.
Ви також можете встановити зображення контейнера в якості фону, щоб можна було додавати інші блоки зверху і відображати заголовки, текст або інші кнопки.
Хоча немає сенсу створювати багаторазовий блок, ми завжди можемо скопіювати код базової структури галереї без зображень, щоб вставити його в будь-який інший пост або сторінку і додати нові зображення.
Деякі посилання в цій публікації є партнерськими
