投稿・固定ページに個別でCSSを追加する【WP Add Custom CSS】

投稿記事や固定ページを作成する際、『この記事は他とデザインを少し変えたいな』と思うことがあります。

HTMLタグ内へ直接CSSを記述すると、テキストエディタの本文がごちゃごちゃに見にくくなってしまい、あとから編集するのがちょっと面倒……。

エディタには本文だけが記述されていた方が、編集しやすいしスマートです。

投稿毎にCSSを追加できるようになれば、便利になりますよね。

【WP Add Custom CSS】投稿・固定ページ毎に個別でCSSを追加できるようにするプラグイン。

投稿画面にCSSの入力ボックスが表示されるようになり、個別にCSSを追加できるようになります。

インストール方法

または、配布サイトからダウンロードして、インストール。

手動でインストールする方法はコチラ

投稿・固定ページ毎に異なるCSSを追加する方法

プラグインを有効化すると、『Custom CSS』入力ボックスが表示されるようになりますので、適用したいCSSを記述します。

『Custom CSS』ボックスが表示されていない場合

ブロックエディターの場合

︙ボタンをクリックし、オプションを選択。オプションが開いたら詳細パネル内の『Custom CSS』にチェックを入れてください。

旧エディターの場合

『表示オプション』内の『Custom CSS』にチェックを入れてください。

【WP Add Custom CSS】の設定

動作確認環境

このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ