WordPressで記事ごと(投稿ごと)にCSSを設定する方法

【環境確認】

18:29 2020/02/23
Wordpress5.3.2
PHP7.2.27
Xserver

検索

Google検索「wordpress記事ごとcss

https://naifix.com/article-css/#Custom_CSS_and_JS

こちらのサイトを参考にさせてもらいました。ありがとうございます。

方法

1.まずプラグインを入れます。

ワードプレスからプラグインの検索をしてもヒットしなかったので、上記のサイトの参考通りにhttps://wordpress.org/plugins/custom-css-and-js/からダウンロードしてプラグインをアップロードし有効化しました。

難儀だったのがカスタムフィールドの表示でした。どこを探しても見つからない。結局、タスクバーによって隠れていました。スクロールバーを作って欲しい。表示が隠れているって気づかなければ一生できなかったと思います。タスクバーを隠すか、ブラウザの表示倍率を縮小するかですね。

タスクバーで隠れているカスタムフィールドの表示方法
https://blog.codecamp.jp/wordpress-custom-field-what

2.記事ごとにCSS記述

この後はサクサクかんたんでした。
上記のサイトの通り、「新規記事投稿または投稿の編集」に表示されているカスタムフィールドに次を入れます。

名前
custom_css_code
値
h2{color:red;}とか自分の書きたいCSS記述

これだけです。すげぇ~…。