设置functions.php或style.css中的“更新”或“发布”WP按钮的样式

Question

由于核心文件和相应样式表的当前权限问题 - 我想知道如何自定义Wordpress CMS帖子/页面“更新/发布”按钮的位置和外观？

我尝试从开发人员工具中提取选择器，并使用!important和header.php中的新样式声明styles.css但没有这样的运气 - 任何关于样式化发布/更新按钮的建议 - 也许来自'functions.php'。

Answer 1

新管理样式表

您需要为管理员排队自定义样式表，如下所示：

function load_custom_wp_admin_style() {
    wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/css/style-admin.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

然后创建一个名为style-admin.css的css文件，将其放在主题文件夹中名为css的目录中，并在其中加入类似的内容：

.wp-core-ui #publishing-action .button.button-large {
    font-size: 28px;
    height: 50px;
}

将样式插入管理员

如果您无法创建类似的新样式表，可以使用admin_head挂钩插入管理标头，如下所示：

function my_custom_admin_head() {
    echo '<style>.wp-core-ui #publishing-action .button.button-large {font-size: 28px; height: 50px;}</style>';
}
add_action( 'admin_head', 'my_custom_admin_head' );