Плагин Lazy Blocks ➤ Легко создавайте кастомные блоки для редактора Gutenberg + своя верстка

Легко создавайте кастомные блоки для редактора Gutenberg со своей версткой с помощью плагина Lazy Blocks и без сложного программирования.

Do you speak English? Please turn on automatic subtitles.

Этот метод быстрого создания блоков позволяет создавать нужные блоки с уникальными настройками. А своя верстка с помощью HTML + CSS позволяет задавать блокам свой уникальный дизайн.

В этом видео рассмотрен только один из 3-х методов вывода блока: HTML + Handlebars-выражения. Другие методы описаны в статье.

➤ Тайминги:

00:00 Вступление.
00:33 Установка плагина Lazy Blocks. Как пользоваться?
01:47 Импорт/Экспорт блока.
02:20 Что делает плагин, а что делаем мы?
04:10 Знакомство с интерфейсом плагина. Типы полей.
13:48 Пример блока. Вставка блока на странице. HTML+CSS блока.
24:00 Создаем свой кастомный блок с нуля. Тестируем верстку блока.
33:53 Добавляем элементы управления блоком (параметры).
40:33 Вставка выражений в верстку блока для вывода содержимого полей.
44:43 Вставка блока в редакторе Gutenberg. Просмотр.
46:22 Используем условия для вывода выражений и кода HTML.
48:53 Финальный тест отображения блока на странице.
50:29 Выводы.

--------------------

→ Мой сайт, статьи по веб-разработке и WordPress:

→ Новости WordPress в TG-канале (на украинском):

Приєднуйтесь! Навіть декілька ваших гривень – це врятоване чиєсь життя і реальна допомога. Разом до перемоги!

[KvarkLt]

handlebars - это как ручки руля у велосипеда или мотоцикла :)

[masterng]

Ребята, спасибо за это видео, но все же скажу вам, выучите html/css

[mb_later_man]

В Lazy Blocks есть возможность менять размеры шрифта к примеру?В самом гутенберге есть такой функционал, но как его совместить с данным плагинов и возможно ли это в целом. Чтобы можно было отказаться от элементор в пользу подобных билдеров.

[alexsanders]

Как дела в парня что делал блоки без плагинов?