https://github.com/pekarskyi/lazy-blocks-member_sample

Lazy Blocks - примеры + верстка
https://github.com/pekarskyi/lazy-blocks-member_sample

gutenberg gutenberg-blocks lazy-blocks team-members wordpress

Last synced: about 1 month ago
JSON representation

Lazy Blocks - примеры + верстка

• Host: GitHub
• URL: https://github.com/pekarskyi/lazy-blocks-member_sample
• Owner: pekarskyi
• License: gpl-3.0
• Created: 2022-10-28T11:15:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-18T21:57:46.000Z (about 3 years ago)
• Last Synced: 2025-03-29T00:35:57.916Z (over 1 year ago)
• Topics: gutenberg, gutenberg-blocks, lazy-blocks, team-members, wordpress
• Language: PHP
• Homepage:
• Size: 38.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Lazy Blocks - примеры + верстка

Создание блоков для редактора 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/

[![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/badges/StandWithUkraine.svg)](https://sitex.me/standwithukraine)