ホーム > 未分類 > WordPressで投稿本文中にソースコードを綺麗に表示する方法

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

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

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

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

Crayon Syntax Highlighter

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

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

こんなかんじ。

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

コメント:0

コメントフォーム
入力した情報を記憶する

トラックバック:0

この記事のトラックバック URL
https://www.itblog.jp/wp-trackback.php?p=9431
トラックバックの送信元リスト
WordPressで投稿本文中にソースコードを綺麗に表示する方法 - ITblog より

ホーム > 未分類 > WordPressで投稿本文中にソースコードを綺麗に表示する方法

フィード

ページの上部に戻る