Css 更改“；“生成预览”；Wordpress中的屏幕

我需要更改wordpress中的“生成预览”屏幕。背景颜色、徽标和文字。有人成功了吗？

我找到了一个解决方案：）首先，我添加了一个操作来加载admin.js文件

function tas_load_custom_wp_admin_style(){
    wp_enqueue_script( 'tas-scripts', get_stylesheet_directory_uri() . '/dist/scripts/admin.js', array( 'jquery' ), '1.0.0', true );
}
add_action('admin_enqueue_scripts', 'tas_load_custom_wp_admin_style');

然后在admin.js文件中，我可以添加过滤器

function generatingPreviewView() {
wp.hooks.addFilter(
  "editor.PostPreview.interstitialMarkup",
  "my-plugin/custom-preview-message",
  customPreviewMessage
);}
  var customPreviewMessage = function () {
  return '<div class="tas-generate-preview">Loading</div>';
};

函数生成预览视图（）{
wp.hooks.addFilter(
“编辑.后期评论.填隙标记”，
“我的插件/自定义预览消息”，
自定义预览消息
);}
var customPreviewMessage=函数（）{
返回“加载”；
};

---

在javascript中，我从我的徽标中嵌入svg代码，并使用内联css对其进行样式化。希望这是有意义的：）

你做了哪些尝试、研究等。？你看过这个页面的源代码了吗？您将找到一个

编辑器-post-preview-button\uuu interstitial-message

类。然后，您可以找到

editor.js

，它定义了

writeInterstitialMessage（）

，最后是如何输出标记。您可能可以挂接到筛选器来更改标记。您好@chriskirknielsen，是的，我发现筛选器可以环绕.editor-post-preview-button_uuinterstitial-message组件，允许我完全交换生成的预览…UI:

wp.hooks.addFilter（'editor.interstitialMessage'，function（）{return wp.element.createElement（'div'，{className:'my custom message'}，wp.element.createElement（'p'，null'，正在生成后期预览！遗憾的是，我没有尝试连接到JS端过滤器，但请确保将代码加载到页面上（查看文件是否在DevTool的网络列表中）很抱歉，我帮不了你更多的忙，但我有兴趣看看这是否可行！