Проста галерея зображень з 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

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

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

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

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

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

Artículos relacionados

Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

Este blog se aloja en LucusHost

LucusHost, el mejor hosting

Grandes personan que patrocinan.

Patreon

Recibe contenido extra y adelantos desde sólo un dolarcito al mes como ya hacen estos amables lectores:

César D. Rodas - Jorge Zamuz - David Jubete Rafa Morata - Sasha Pardo - Ángel Mentor - Jorge Ariño - Vlad SabouPedro - Álvaro RGV - Araq