Создание блоков для редактора Gutenberg с помощью плагина Lazy Blocks. Пример: карточка сотрудника. В папках я подготовил примеры для разных методов вывода блока.
Плагин Lazy Blocks — это конструктор блоков для редактора Gutenberg. Он позволяет создавать свои произвольные блоки под задачи вашего проекта. Плагин быстро работает и не перегружает ваш сайт лишним функционалом.
Lazy Blocks прекрасно подойдет для тех, кто хочет легко и быстро создавать свои блоки Gutenberg без необходимости сложного программирования (PHP, JS). Хотя, от создания верстки блоков вас никто здесь не освобождает. Так что знания HTML + CSS вам будут все равно необходимы. Если и здесь у вас есть некоторые пробелы, то посмотрите мое видео — я для вас там сделал подсказку, как можно быстро сверстать свой блок.
Для отображения блоков на страницах и/или в предпросмотре в редакторе необходимо добавить код вывода. Есть несколько способов сделать это:
1.HTML + Handlebars-выражения
2.Функции PHP
3.Шаблон темы (функции PHP) — в отдельном файле
📁 blocks/lazyblock-member3/block.php - это файл шаблона темы для вывода блока
📁 css/member.css - файл со стилями.
📁 import/ - файлы .json - это файлы для импорта блока с его параметрами и кодом вывода (output). Один файл - один метод вывода.
📁 output/ - файлы с примерами кода вывода блока (output).
🔗 Инструкция и примеры реализации: https://inwebpress.com/lazy-blocks-introduction/
