Блог

Я создал блок редактора кода, в который пользователь может вставлять стили CSS. Вместо того, чтобы сохранять их в post_content и отображать в теле, я бы хотел, чтобы они были введены в head.

Я делал это в прошлом, используя PHP-хуки, но, похоже, не могу понять, как перевести это в новый формат хука JS API

Я нашел это для добавления через functions.php:

 function hook_css() {
    ?>
        <style>
            .wp_head_example {
                background-color : #f1f1f1;
            }
        </style>
    <?php
}
add_action('wp_head', 'hook_css');
  

Но я хотел бы достичь этого на уровне блоков, используя динамические данные из пользовательского ввода. Любая помощь была бы высоко оценена!

Одним из вариантов было бы сохранить CSS как post meta и использовать post meta для вставки CSS в заголовок.

Смотрите руководства Gutenberg по мета-блокам в качестве руководства по обновлению метаданных post с помощью Gutenberg.

Благодаря ответу Саймонса я смог заставить это работать идеально.

В сочетании с его предложением сохранить данные в виде post meta и этим руководством я смог завершить свой проект.