Здесь мы даем вам краткий обзор основных блоков Гутенберга

Обложка пользовательских блоков WPПоэтому сегодня мы собираемся объяснить! как создать собственный блок в Гутенберге. Имейте в виду! что для этого вам необходимо иметь базовые Здесь мы даем вам знания HTML и CSS! поэтому! если это не ваш случай! лучше использовать плагин. В dinahosting мы рекомендуем Ultimate Addons для Гутенберга .

Если вы прочитали наш последний пост о Гутенберге! вам станет ясно! что он никуда не денется и будет визуальным редактором WordPress в ближайшие годы.

! которых вам будет достаточно! чтобы настроить более чем достойную страницу. Однако! если вы человек! у которого есть проблемы с дизайном или вам необходимо создавать собственные блоки ! вы наверняка обнаружите! что количество блоков! предлагаемых в стандартной комплектации для макетирования страниц и сообщений вашего веб-сайта! немного недостаточно.

Ты все еще здесь? Затем вы погрузитесь в захватывающий мир Список телефонных номеров Telegram в Германии создания пользовательских блоков в Гутенберге! так что… Всем удачи!

Оглавление

1 Шаг 1. Установка плагина
2 Шаг 2. Добавьте блок
3 Шаг 3. Создайте шаблон блока
4 Шаг 4. Немного стиля
5 Шаг 5. Наслаждайтесь своим блоком
Шаг 1. Установка плагина

Для создания наших пользовательских блоков в Gutenberg

функция которого заключается в внутренней связи между серверной частью и интерфейсом нашего шаблона. Поэтому первым шагом будет установка этого плагина в наш WordPress.

В левом боковом меню интерфейса WordPress переходим в «Плагины» > «Добавить новый».
Ищем плагин Block Lab и нажимаем «Установить сейчас».
Если все прошло правильно! наш плагин будет установлен. Следующий шаг – активировать его.

Активация плагина Blocklab для создания Узнайте, какой тип бизнес-лидерства подходит вашей команде и как улучшить свои управленческие навыки. собственных блоков в Гутенберге (WordPress) | динахостинг
Заходим в раздел Плагины! ищем BlockLab и нажимаем Активировать.

Шаг 2. Добавьте блок
При активированном BlockLab мы переходим в этот раздел и затем «Добавить новый».

Интерфейс плагина Blocklab для создания пользовательских блоков в Гутенберге (WordPress) | динахостинг
Теперь вам нужно охватить следующие поля:

Имя
Репрезентативный значок блока
Категория! в которой мы собираемся это представить
Ключевые слова
И другие поля. Помните! что чем более полным вы его оставите! тем легче будет третьей стороне работать над вашим сайтом WordPress.
В нашем случае мы подготовим в качестве примера личный файл . Обычно это широко используемый элемент при построении организационной структуры компании.

Использование плагина Blocklab для создания пользовательских блоков

в Гутенберге (WordPress) | динахостинг
Мы введем изображение! имя! вашу должность и ссылку на сети (LinkedIn и личный сайт).

Хотя в этом примере мы собираемся создать у них есть список адресов электронной почты блок такого типа! вы можете создать тот! который лучше всего соответствует вашим потребностям. На официальном сайте есть несколько уроков .

Когда вы заполните все поля! не забудьте нажать «Опубликовать».

Шаг 3. Создайте шаблон блока.
Именно здесь становится необходимым знание HTML и CSS. Мы соединим эти последние данные! созданные в бэкэнде WordPress! с представлением! которое будет отображаться в браузере .