- 2009-06-20 (土) 11:42
- プラグイン
いつかどこかのサイトで見たきれいなコード表示が忘れられず、「WordPress」「コード」「美しく表示」などのキーワードで検索してみると、ありました！ このブログは先日公開されたばかりの WordPress 2.8 を使っていますが、うまく動くかな？と試しに入れてみると、問題なく動作しました。
- SyntaxHighlighter Evolved
-
ソースコードを美しく表示するプラグイン
配布元：SyntaxHighlighter Evolved 2.1.0
使い方
-
配布元より、SyntaxHighlighter Evolved 2.1.0をダウンロードします。（syntaxhighlighter.zip）
-
解凍すると「syntaxhighlighter」というフォルダが展開されるので、フォルダごと wp-content/plugins にアップロードします。
-
「プラグイン」の画面で、「SyntaxHighlighter Evolved」を有効化します。（※「使用する」をクリック）
-
これで、 [指定言語] ソースコード [/指定言語] というようにくくると、指定言語に合った表示をしてくれます。
1 1 1
扱えるソースコードはこの他にもたくさんあり、上記参考サイトでより詳しく説明されています。
また、ハイライトにしたり、自動改行させない指定などは、以下のように記述できます。1ソースコード
1ソースコード
注意点
配布元のサイトにも記されていますが、このプラグインにはテーマの header.php に <?php wp_head(); ?>、footer.php に <?php wp_footer(); ?> が必要になります。入っていないと動きません。
この記事に付けられたタグ
SyntaxHighlighter Evolved , ソースコード
関連記事
Comments:0
Trackbacks:10
- Trackback URL for this entry
- http://www.df-cue.com/wp/2009/06/20/syntaxhighlighter-evolved/trackback/
- Listed below are links to weblogs that reference
- SyntaxHighlighter Evolved : ソースコードを美しく表示するプラグイン from WordPress Note
- pingback from GEN » Blog Archive » SyntaxHighlighter 2009-11-18 (水) 10:53
-
[...] 記述方法 [...]
- pingback from WordPressにソースコードを表示させるプラグインsyntaxhighlighter » クロスバイクに乗ろう！ 2010-02-18 (木) 15:23
-
[...] SyntaxHighlighter Evolved : ソースコードを美しく表示するプラグイン [...]
- pingback from GetNext Code » Blog Archive » WordPressでソースコード表示「SyntaxHighlighter Evolved」 2010-02-27 (土) 15:15
-
[...] 参考サイト SyntaxHighlighter Evolved : ソースコードを美しく表示するプラグイン [...]
- pingback from 恐悦至極 » Blog Archive » SyntaxHighlighter Evolvedを使ってみる。 2010-04-28 (水) 22:50
-
[...] http://www.usamimi.info/~hanahan/?p=10 http://www.df-cue.com/wp/2009/06/20/syntaxhighlighter-evolved/ [...]
- pingback from ゾロ目ですが何か？ » 記事にパンくずを自動で追加する 2010-06-28 (月) 13:18
-
[...] →SyntaxHighlighter Evolved : ソースコードを美しく表示するプラグイン Tags: カスタマイズ, 便利ツール [...]
- pingback from SyntaxHighlighter Evolvedを使ってみる。 | igarashiDesign::blog 2010-08-20 (金) 14:29
-
[...] http://www.df-cue.com/wp/2009/06/20/syntaxhighlighter-evolved/ カテゴリー: WordPress パーマリンク ← [...]
- pingback from SyntaxHighlighter Evolved « 備忘録 2010-09-06 (月) 6:44
-
[...] http://www.df-cue.com/wp/2009/06/20/syntaxhighlighter-evolved/ [...]
- pingback from ソースコードをきれいに整形して表示するWordPressプラグイン「SyntaxHighlighter Evolved」には追加のテンプレートタグが必要かも。 « Stella Grafica ステラグラフィカ 2011-01-04 (火) 0:23
-
[...] ordpress ソースコードをカラー表示で色分けするプラグイン | NIPPON MODE BGS-WORKS WordPress Note – SyntaxHighlighter Evolved : ソースコードを美しく表示するプラ… [...]
- pingback from SyntaxHighlighter Evolved | sloeator_blog 2011-01-24 (月) 15:44
-
[...] SyntaxHighlighter Evolved : ソースコードを美しく表示するプラグイン [...]
- pingback from WordPressアドオン - giraffix 2011-05-10 (火) 17:08
-
[...] http://www.df-cue.com/wp/2009/06/20/syntaxhighlighter-evolved/ [...]