时间戳

首页 > 解决方案 > 在 Wordpress 中更改“生成预览”屏幕

css - 在 Wordpress 中更改“生成预览”屏幕

问题描述

我需要更改 wordpress 中的“生成预览”屏幕。背景颜色、标志和文字。有人成功了吗？在此处输入图像描述

标签： csswordpressloadingpreview

解决方案

我找到了解决方案:) 首先我添加了一个动作来加载一个 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>';
};

在 javascript 中，我从我的徽标中嵌入了 svg 代码，并使用内联 css 对其进行样式设置。希望这是有道理的:)

推荐阅读