web-dev-qa-db-ja.com

管理者専用のフロントエンドCSSを表示する方法

私はWordPressウェブサイトフロントエンドのCSSを再スタイルするように依頼されました。それが常に稼働している必要があるのでそれに取り組んでいる間ウェブサイトはメンテナンスモードにすることはできません。管理者がユーザーとは異なるcssファイルを見ることができるように、小さく目立たない条件をヘッダーに追加できれば、ユーザーがまだWebサイトの元のバージョンを見ている間にcssを編集して結果をテストできると思います。このように私は誰にも気付かれずにデザインに取り組むことができました。

ユーザーが管理者である場合に限り、CSSファイルを切り替えるためにヘッダーに対してどのWordPress関数を呼び出すべきかを誰かに教えてもらえますか？

私は実際にはWebサイトを台無しにしたくないので、「functions.php」ファイルを編集したり、プラグインをアクティブにしたりしないことが最善です。何も悪いことが起こらないようにするために、テーマフォルダの "header.php"ファイルを編集したいと思います。

ありがとうございました。

functionsadmincssmaintenanceswitch
1
Baylock

あなたは単に現在ログインしているユーザーの機能をチェックすることができるはずです。彼らが管理者であるならば、以下の例はあなたが望むことをするべきです。これをあなたのテーマのfunctions.phpファイルに追加するだけです。

このコードはテストされていないことに注意してください。 level_10機能がうまくいかない場合は、他のユーザーレベルと機能 のドキュメントをここで確認できます 。

add_action( 'wp_enqueue_scripts', 'admin_only_stylesheet' );

function admin_only_stylesheet() {

    if ( current_user_can('level_10') {

        wp_register_style( 'admin-only-style', get_template_directory_uri() . '/css/admin-frontend-style.css', array(), '12345678', 'all' );

        wp_enqueue_style( 'admin-only-style' );

    }

}
1
Dwayne Charrington