Как добавить свои классы в стандартные элементы Gutenberg?

Question

[Игорь Дмитриев]

Примитивные элементы рендерятся в чистом виде, без каких либо классов, например Абзац:

<p>тут какой то текст</p>

или Список:

<ul>
  <li>текст пункта<li>
</ul>

Требуется добавить к данным элементам свои классы. Вопрос, как это сделать по правильному (functions.php и т.д.)?

---

Ответ пользователя (НЕ ВЕРНЫЙ): Вы когда любой стандартный элемент выделяете, то в правом сайдбаре (где настройки записи отображены) есть вкладка "Блок". Там в выпадающем блоке "Дополнительно" можно указать нужные вам классы.

Почему?
Пользователь и слышать не должен про классы и теги.

Answer 1

[Grigory S.]

add_filter('render_block', 'wrapBlock', 10, 2);

function wrapBlock($block_content, $block)
{
    $name = $block['blockName'];

    if ($name)
    {
        return sprintf('<div class="e-block e-block-%s">%s</div>', str_replace('/', '-', $name), $block_content);
    }

    return $block_content;
}

Comments

[Игорь Дмитриев]

Благодарю! То, что я искал.

Answer 2

[Анатолий Куликов]

Вы когда любой стандартный элемент выделяете, то в правом сайдбаре (где настройки записи отображены) есть вкладка "Блок". Там в выпадающем блоке "Дополнительно" можно указать нужные вам классы.

Comments

[Игорь Дмитриев]

Спасибо, но я уточнил в вопросе: как это сделать по правильному (functions.php и т.д.)
Понятно, что автор текстов любит копаться в тегах и расставлять классы, но всё же.

[Анатолий Куликов]

Игорь Дмитриев, ну тогда повесьте фильтр в functions, пусть добавляет. Просто если вам не на все нужно ставить классы, а только на определенные, тогда мой вариант будет верным.