Проста галерея зображень з GenerateBlocks

 
Проста галерея зображень з GenerateBlocks

GenerateBlocks 1.7 та GenerateBlocks Pro 1.5 вийшли в перший реліз-кандидат і незабаром будуть доступні для використання на виробничих майданчиках.

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

Але це оновлення набагато більше, воно розширює його можливості створювати більше і краще. Завдяки 220 змінам файлів і понад 10 000 рядків оновленого коду, редактор GenerateBlocks став більш впорядкованим, більш модульним і, зрештою, набагато ефективнішим. Більше функцій додається швидше і з меншою кількістю коду.

Це філософія його творця, Тома Усборна:

"Усе, що ми робимо, спрямоване на результат. Якщо ми не можемо зробити щось простим/легким способом, ми просто не будемо цього робити".

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

І якщо у вас є якісь сумніви щодо швидкості відгуку нових блоків GB, на панелі адміністратора можна порівняти продуктивність з тими ж блоками Kadence, і виявиться, що блоки GB все одно легші. Наприкінці порівняння є кумедна маленька деталь про вагу і перебільшену кількість запитів, які додаються за допомогою простого заголовка Elementor.

Приступаємо до роботи

За допомогою нового блоку вкладок ви можете створити дуже гарну і легку просту галерею зображень, як показує Майк Олівер, і оскільки я тестував RC-версію, я скористався можливістю створити тестову галерею і залишити тут нотатки про процес.

1 - Відкрийте редактор і додайте блок вкладок.

2 - Виберіть потрібний шаблон вкладки.

Galeria simple con GenerateBlocks tutorial paso 1

3 - Додайте необхідну кількість вкладок, натиснувши на +

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4 - Прокрутіть вкладки вниз або вгору, залежно від того, де ми хочемо показати мініатюри, для цього виберіть "Елементи вкладки" і натисніть на стрілку прокрутки.

Galeria simple con GenerateBlocks tutorial paso 4

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

Galeria simple con GenerateBlocks tutorial paso 5

6 - Видаліть стилі та тексти з вкладок.

Galeria simple con GenerateBlocks tutorial paso 6

7 - Нарешті, ми додаємо зображення до обох контейнерів вкладок і до відповідного поля вмісту.

Galeria simple con GenerateBlocks tutorial paso 7

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

Звідси ми можемо створювати галерею на свій смак, додаючи інші елементи, застосовуючи стилі або що завгодно.

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

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

YouTube відео

Деякі посилання в цій публікації є партнерськими