いつまで経ってもわからない、WEBってやつは・・・(´・ω・`)

コードを表示したいので[ WP SyntaxHighlighter ]を入れてみた

追記:20131022 WP SyntaxHighlighterをやめて『Crayon Syntax Highlighter』に変更しました(つω`*)


 

WP SyntaxHighlighter は、ソースコードを強調表示するためのWordPress用プラグインです。(追記20131022:今は使ってません(つω`*))

ただ、他のSyntaxHighlighterプラグインと比べて何が良いって、

エディタの「ビジュアル」と「テキスト(HTML)」を切り替えても崩れない

に尽きます。

『プラグイン』から新規追加で検索して、『WP SyntaxHighlighter』入れて有効にするだけで使用できます。
エディタにボタンが追加されています。(ビジュアルだと「pre」と「CODE」、htmlだと「SH pre」)

詳しくはこちら http://www.near-mint.com/blog/software/wp-syntaxhighlighter

ただ、このサイトにはエディタ用のタグ周りで下記プラグインがあります。

WP SyntaxHighlighter を使ってみて、最初にぶち当たったのは2点でした。

改行されない( ゚Д゚)

どんなに長いコードも改行がなくなり微妙なスペースが入り1行になっていました(横スクロールハンパない)

ビジュアルとhtmlを切り替えたら崩れるジャン( ゚Д゚)

どういうことだ。崩れないって言ったジャン!(←ジャンキルシュタインを思い浮かべながら(つω`*)笑)

上記原因は『TinyMCE: Advanced』の設定でした。

設定の「Stop removing the <p> and <br /> tags when saving and show them in the HTML editor」(※英語)のチェックを外したら、直りました(´∀`*)

一安心!ふー!