3 回答

TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個(gè)贊
您必須將 css 注入到 wordpress 標(biāo)頭中才能實(shí)際修改 wordpress css 管理控制臺。在您的function.php文件中添加以下內(nèi)容:
<?php function theme_admin_css() {
echo '
<style>
/* ... Your custom css goes here ... */
</style>
'; }
add_action( 'admin_head', 'theme_admin_css' ); ?>
現(xiàn)在,要輕松找到您想要定位和樣式化的元素,您可以執(zhí)行以下操作:
在瀏覽器中:右鍵單擊元素 > 檢查。在源代碼中找到您的元素:右鍵單擊>復(fù)制>復(fù)制選擇器
現(xiàn)在您可以將選擇器粘貼到樣式標(biāo)簽之間并對其進(jìn)行自定義。
還有一件事,你應(yīng)該使用該!important語句(例如background-color:red!important:)

TA貢獻(xiàn)1765條經(jīng)驗(yàn) 獲得超5個(gè)贊
一般來說,這些<body>
類包含特定于該頁面的唯一類(例如頁面名稱),您可以將其添加為代碼中的第一個(gè)選擇器CSS
。
如果沒有,您可以使用以下命令將
CSS
類添加到標(biāo)記中<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 的條件標(biāo)簽可在模板文件中使用,以根據(jù)頁面匹配的條件更改顯示的內(nèi)容。
// 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貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊
我遇到了類似的問題,所以我偶然發(fā)現(xiàn)了這個(gè),但最終我能夠從 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 關(guān)注
- 210 瀏覽
添加回答
舉報(bào)