www.machinelearningmastery.ru

Машинное обучение, нейронные сети, искусственный интеллект
Header decor

Home

Создавайте блоки Gutenberg визуально с помощью Meta Box Builder

Дата публикации Oct 3, 2019

На прошлой неделе мыпредставил блоки MB, плагин, который позволяет создавать блоки Гутенберга только с PHP. Сегодня мы рады сообщить, что теперь вы можетестроить блоки Gutenberg визуально с Meta Box Builder, Это означает, что вам не нужно писать ни одной строки кода PHP. Все можно сделать с помощью интерфейса Meta Box Builder.

В этой версии также представлен Twig - популярный шаблонизатор для PHP. Twig встроен в Meta Box Builder, чтобы вам было проще и быстрее писать шаблон блока. Смотрите ниже для деталей.

Краткая информация

Чтобы создать блок для Гутенберга, просто выполните следующие действия:

  • Перейти кMeta Box → Группы полейи создать группу полей, которая содержит все поля для блока
  • внастройкина вкладке установите группу полей шоу дляблок
  • Затем отредактируйте параметры блока
  • Наконец, введите код шаблона блока (если вы выбрали визуализацию блока с кодом)

Вот скриншот настроек блока, где вы можете увидеть все настройки, а также код шаблона блока:

Видеоурок

Для быстрого обучения, пожалуйста, посмотрите это видео:

https://youtu.be/v3ke1DBlWuk

Веточка для блочного шаблона

В этой версии мы решили использоватьШаблонный движок Twigчтобы вам было проще писать код шаблона блока. Twig - это известный шаблонный движок для PHP, созданный автором Symfony (FYI, Symfony - одна из самых популярных PHP-фреймворков).

Использование Twig позволяет разработчикам создавать блочные шаблоны с красивым, коротким и гибким синтаксисом. См. Ниже синтаксис для блока предупреждений (который создан в видео выше):

{% if not message %}
<p>Please enter a message</p>
{% else %}
{% if not type %}
{% set type = 'warning' %}
{% endif %} <div class="alert alert--{{ type }}">
{{ message }}
</div>
{% endif %}

Twig помогает нам легко получить доступ к значениям полей блока через пользовательскую переменную{{ field_id }}, Если поле имеет значение массива (например,single_image), то вы можете получить доступ к атрибуту через короткий синтаксис{{ field_id.full_url }},

Twig поддерживает переменные, элементы управления, функции и фильтры, которые позволяют писать шаблоны без PHP. ВидетьВетка документациядля деталей.

Функции PHP / WordPress

У вас может возникнуть вопрос: могу ли я использовать Twig для блочного кода шаблона, могу ли я получить доступ к функции PHP или WordPress?

Краткий ответ: да, конечно!

Вы можете получить доступ к любой функции PHP / WordPress через{{ mb.function() }}синтаксис, гдеfunctionэто имя функции. Например, вы можете вывести заголовок сайта с помощью этого кода:

{% set site_title = mb.get_bloginfo( 'name' ) %}
{{ site_title }}

Это довольно легко, не правда ли?

Блоки MB все еще необходимы?

Если Meta Box Builder может строить блоки Гутенберга, тоМБ Блокиплагин все еще требуется?

Да, блоки MB все еще необходимы. Он обеспечивает прочную основу и API для создания блоков Гутенберга только с помощью PHP. Meta Box Builder предоставляет пользовательский интерфейс для облегчения процесса. Вся логика Meta Box Builder обрабатывается блоками MB. Так что вам все еще нужно, чтобы блоки Gutenberg работали!

Загрузите Meta Box Builder прямо сейчас

Вы можете получить Meta Box BuilderВот, Вы также должны получитьМБ Блокирасширение.

Если у вас уже естьразработчик или пожизненная лицензияВы можете загрузить их со страницы «Моя учетная запись». Он также доступен в плагине Meta Box AIO.

Если у вас есть идеи или предложения по использованию плагина, пожалуйста, сообщите нам об этом в комментариях!

Оригинальная статья

Footer decor

© www.machinelearningmastery.ru | Ссылки на оригиналы и авторов сохранены. | map