古腾堡-寻找在保存时将块数据注入wp_head

时间:2019-04-24 01:35:23

标签: javascript wordpress wordpress-gutenberg gutenberg-blocks

我创建了一个代码编辑器块,用户可以在其中插入CSS样式。我不希望将这些保存到post_content中并显示在体内,而是希望将它们注入头部。

我过去使用PHP挂钩完成了此操作,但似乎无法弄清楚如何将其转换为新的JS API挂钩格式

我发现这是通过functions.php添加的:

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

但是我想使用来自用户输入的动态数据以块为基础实现这一目标。任何帮助将不胜感激!

2 个答案:

答案 0 :(得分:0)

一种选择是将CSS保存为post meta,然后使用post meta将CSS插入标头中。

请参见Gutenberg tutorials on meta boxes作为通过古腾堡(Gutenberg)更新帖子元数据的指南。

答案 1 :(得分:0)

感谢西蒙斯(Simons)的回答,我能够使它完美运行。

结合他的建议,将数据存储为post meta,这tutorial使我能够完成我的项目。