カテゴリー : WordPress

WordPressでソースコードを簡単に表示する方法

ソースコードを説明する場合、WordPressでソースコードを簡単に表示したいと思うでしょう。

SyntaxHighlighter プラグインを使うと簡単にできてしまいます。

まずはプラグインをインストールします。
管理画面からプラグインをインストールしている方は、プラグイン⇒新規追加と進み
「SyntaxHighlighter」で検索、いますぐインストールで導入できます。

手動で追加する場合は、SyntaxHighlighter からzipファイルをダウンロードします。
解凍したファイルを/wp-content/pluginsにアップロードします。

導入したら、プラグイン画面から有効化します。
以上で導入は終了です。

ソースコードを書く場合は、[sourcecode language="css"][/sourcecode]で囲みます。

[sourcecode language="css"]プログラム[/sourcecode]

と書くと、以下のように表示されます。

プログラム

参考サイト:
サイノメ.net
NetaOne