Блог

Итак, я создаю пользовательский gutenberg, и в настоящее время я создаю его, используя цветовую тему от бренда, которая используется getColorClassName для создания css-класса при добавлении цвета к gutenberg.

У меня есть тема css с корневыми переменными

 :root {
    --colorRed: #dd0d0d;
    --colorWhite: #fff;
}
  

Я передал gutenbergTheme атрибут, который задается PanelColorSetting элементом управления Inspector, а затем сгенерировал className с помощью getColorClassName('color', attribute) , а затем класс генерируется, как .has-white-color например.

Затем я вручную пишу стиль для этого класса в теме css, например

 .has-white-color {
    color: var(--colorWhite);
}
  

Это работает, но недостаточно хорошо в том смысле, что изменение может потребовать от меня изменения нескольких файлов.

Вопрос в том, есть ли способ динамически генерировать классы css в gutenberg.php файл, а затем записать эти классы в файл css, когда используется gutenberg?