WPの投稿画面にHTMLやCSSを直接表示させたい場合には「ビジュアル」を使用すればOKです。
現在のWPでは「Gutenberg（グーテンベルク」が採用されています。
しかしそれが使いづらく、昔の「Classic Editor」のプラグインを利用している人もいるのではないでしょうか？
そして「ビジュアル」と「テキスト」の編集画面を選択できるところで「テキスト」で書いている人もいることでしょう。
今回はそのような人が対象となります。
結論として、HTMLやCSSを直接表示させるためには「テキスト」ではなく「ビジュアル」で記事を書いていけば表示されるようになります。
「Crayon」といったプラグインを使用する必要もありません。
Crayonでエラーが起きた
今までは記事にHTMLやCSSを表示させたいと思ったときには「Crayon」を使用していました。
しかし今回、何度試してもエラーが発生してしまったため、他の方法を試してみることに。
いろいろ試行錯誤を繰り返したのですが、一番手軽にできたのは「ビジュアルモード」で直接書くことでした。
ビジュアルモードの弊害も
個人的にビジュアルモードは好きではありません。
余計なタグが挿入されてしまうためです。
そのためテキストモードをいつも使用しているわけですが、ビジュアルモードとテキストモードを交互に使っていると、余計なタグが入るため編集しづらくなります。
そのあたりは弊害といえるかもしれません。
