ITblog

WordPressで投稿本文中にソースコードを綺麗に表示する方法

2015年07月15日

WordPressで、デフォルトの設定だと、本文作成中に、入力エリアにHTMLなどのソースコードを記述すると、そのままタグが解釈されていまい、本文中に入力したコードとして表示されません。

コードとして表示したい場合は、<を&ltと書いたり、コードを整形しないといけないので色々と手間です。

この場合、プラグインを使用すると簡単です。

Crayon Syntax Highlighter

このプラグインが便利でした。

このプラグインをインストールすると、本文中に投稿したソースコードを選択して、エディタ上部に表示された「crayon」ボタンを押すと、詳細設定画面が表示され、「Insert」ボタンを押すと整形されたソースコードに変更されます。

こんなかんじ。

<html>
<head></head>
<body>
Hello World!
</body>
</html>

コメントを残す

メールアドレスが公開されることはありません。