'Update' 或 'Publish' WP 按钮的样式来自 functions.php 或 style.css

Question

由于核心文件和相应样式表的当前权限问题 -- 我想知道如何自定义 Wordpress CMS post/页面 'Update / Publish' 按钮的位置和外观？

我已经尝试从开发人员工具中拉出选择器并在 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 挂钩插入到管理 header 中，如下所示：

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

'Update' 或 'Publish' WP 按钮的样式来自 functions.php 或 style.css

Style the 'Update' or 'Publish' WP button from functions.php or style.css

css

php

wordpress

jquery

新的管理样式表

将样式插入管理