ブログ

ソースコードを表示させるプラグイン「SyntaxHighlighter Evolved」

ソースコードをブログ上で公開したい時に便利なプラグイン
「SyntaxHighlighter Evolved」を紹介します。
もちろん、WordPress の話です。

プラグインの新規追加で「SyntaxHighlighter Evolved」を検索してインストールします。
その後、プラグインを有効化します。
これで準備完了です!

プラグインの設定は初期設定で問題ないですが、
必要であれば設定してください。
ソースの表示デザインを変更したりできます。

実際に記事を投稿する書き方は、


他にも記述できる言語は多数あるようです。
例)
—————————————————–

—————————————————–
といった具合に書きます。
実際に表示すると、以下になります。

<h1>テスト</h1><br />
<p><a href="#">aaa</a></p>

導入についての注意点ですが、
<?php wp_head(); ?>
<?php wp_header(); ?>
の記述がないと動かないみたいです。
その個所にソースを吐き出す記述がされるようです。
導入したのに、何か上手く表示されないなという時は そのあたりを確認することをお勧めします。

以上、「SyntaxHighlighter Evolved」の紹介でした。

1 / 11
私がホームページを制作します
制作者写真 石田久人(イシダヒサト)
東京都足立区在住
1974年4月生まれ
インターネット業界に今年で9年目になります。大手制作会社などで勤務後、現在はSOHO(個人事業)として、ホームページ制作をさせて頂いております。