3 回答
TA贡献1998条经验 获得超6个赞
您必须将 css 注入到 wordpress 标头中才能实际修改 wordpress css 管理控制台。在您的function.php文件中添加以下内容:
<?php function theme_admin_css() {
echo '
<style>
/* ... Your custom css goes here ... */
</style>
'; }
add_action( 'admin_head', 'theme_admin_css' ); ?>
现在,要轻松找到您想要定位和样式化的元素,您可以执行以下操作:
在浏览器中:右键单击元素 > 检查。在源代码中找到您的元素:右键单击>复制>复制选择器
现在您可以将选择器粘贴到样式标签之间并对其进行自定义。
还有一件事,你应该使用该!important语句(例如background-color:red!important:)
TA贡献1765条经验 获得超5个赞
一般来说,这些<body>
类包含特定于该页面的唯一类(例如页面名称),您可以将其添加为代码中的第一个选择器CSS
。
如果没有,您可以使用以下命令将
CSS
类添加到标记中<body>
admin_body_class
// Backend
function filter_admin_body_class( $classes ) {
// Current url
$current_url = '//' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
// Get last part from url. Expl: index.php
$last_part = basename( parse_url( $current_url, PHP_URL_PATH ) );
if ( $last_part == 'index.php' ) {
// String
$classes .= 'my-custom-backend-class';
}
return $classes;
}
add_filter( 'admin_body_class', 'filter_admin_body_class', 10, 1 );
附加:对于前端页面,您可以使用body_class
注意: WooCommerce 和 WordPress 的条件标签可在模板文件中使用,以根据页面匹配的条件更改显示的内容。
// Frontend
function filter_body_class( $classes ) {
// Returns true on the cart page.
if ( is_cart() ) {
// Array
$classes[] = 'my-custom-frontend-class';
}
return $classes;
}
add_filter( 'body_class', 'filter_body_class', 10, 1 );
TA贡献1817条经验 获得超6个赞
我遇到了类似的问题,所以我偶然发现了这个,但最终我能够从 WP admin 中的模板加载 css 文件。因此不需要注入<style>元素,而是可以这样做:
function enqueue_admin_stylesheet()
{
if ('a-specific-page' == get_current_screen()->base) {
wp_enqueue_style(
'your-admin-css',
sprintf('%s/assets/css/admin-style.css', get_template_directory_uri())
);
}
}
add_action('admin_enqueue_scripts', 'enqueue_admin_stylesheet');
- 3 回答
- 0 关注
- 157 浏览
添加回答
举报