WordPressで投稿本文中にソースコードを綺麗に表示する方法
2015年07月15日
WordPressで、デフォルトの設定だと、本文作成中に、入力エリアにHTMLなどのソースコードを記述すると、そのままタグが解釈されていまい、本文中に入力したコードとして表示されません。
コードとして表示したい場合は、<を<と書いたり、コードを整形しないといけないので色々と手間です。
この場合、プラグインを使用すると簡単です。
このプラグインが便利でした。
このプラグインをインストールすると、本文中に投稿したソースコードを選択して、エディタ上部に表示された「crayon」ボタンを押すと、詳細設定画面が表示され、「Insert」ボタンを押すと整形されたソースコードに変更されます。
こんなかんじ。
<html> <head></head> <body> Hello World! </body> </html>