php - 从 functions.php 或 style.css 设置 'Update' 或 'Publish' WP 按钮的样式

Question

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

我已经尝试从开发人员工具中拉出选择器并使用 header.php 和 styles.css 中的新样式声明 !important没有这样的运气——关于风格化发布/更新按钮的任何建议——可能来自“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 钩子(Hook)插入到管理头中，如下所示:

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' );