ワードプレス管理画面に、特定の状況下でCSSを適応させたい。

Question

ワードプレスの特定のカテゴリに属する記事を編集中の時だけ、特定のCSSを管理画面に適応することは可能でしょうか？

具体的には「A」というカテゴリに属する記事を編集中に限って管理画面上の「expirationdatediv」というIDを持つ要素を消したいです。

＊以下を適応させたい

<style>
#expirationdatediv{ display:none;}
</style>

色々と調べたのですが解決に至らず、ご存知の方がいらっしゃいましたらご教示くださいませ。

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[take4]

すみません、行いました。

Answer 1

CSS のミス？

expirationdatediv{ display:none;}

これは

#expirationdatediv{ display:none;}

こうじゃないでしょうか？

実装について

管理画面で独自の CSS や JS を読み込ませたい場合、admin_enqueue_scripts アクションを使います。テーマだと wp_enqueue_scripts アクションですね。アクション名が変わるだけで、基本的にテーマと一緒です。

1. 管理画面で読み込ませたい CSS と JS を用意する
2. admin_enqueue_scripts アクションに指定したメソッド内で、wp_enqueue_style() 関数、wp_enqueue_script() 関数などで 1 で用意したファイルを読み込ませる

"カテゴリーが◯◯の場合" というのを判断するのは CSS だけでは出来ません。JS でカテゴリーのチェックボックスの値をみて、#expirationdatediv に class を付与するような実装にするのがよいと思います。

Comments

[kaz.Suenaga]

おじゃまします。
CSSのミスでなくて Markdown 記法ができていない問題ですね^^;
# でh1扱いになってると。

[退会済みユーザー]

あ…なるほど（笑）