赤
これは、記事ページ直接記述しています。
ソースコードは以下です。
<div style=”display:none;”>
<style type=”text/javascript”>
</style>
</div>
<div style=”display:none;”>
<style type=”text/css”>
.red{color:#ff0000;}
</style>
</div>
<p class=”red”>赤</p>
divタグで囲うことでcssが使えるようになります（同じようにdivで囲めばjavascriptも使えます）
ただし、この方法、古いワードプレスのバージョンではスマホ表示に対応していないみたいなので、使う場合にはバージョンを上げてください。
ちなみにdisplay noneを使っているのはdivで囲んだ部分が空白になってしまうので、消す記述をしています。