ソースコードをwordpress上に表示させたい

2013年05月13日 │ WordPress │ コメント(2)

今回テーマ作成をしてみて、他サイト様の情報に本当にお世話になりました。
今更ながらに便利だったのが、ソースコードがキレイに表示されつつ、マウスオンでコピーや印刷が選べる機能。
これ、導入したいな～と思っていたら、wordpressプラグインにあるのですね。
なんて便利！

管理画面→プラグイン→新規追加→SyntaxHighlighter Evolvedを検索。
見つけたらインストールして、プラグインを有効化。
設定画面でお好みの設定にして完了。

で、肝心の書き方は、[言語名]ソースコード[/言語名]だけ。
htmlなら、[html]～ソース～[/html]
cssなら、[css]～ソース～[/css]

[html] <h1>王様の耳はウサの耳</h1> <p>王様の耳がウサ耳なのではなくて、ウサがうちの王様だって事だ</p> [/html]

わーい、かーんたーん！

【トラブル＆解決】
かんたーん、思ったら、「クリップボードにコピー」のボタンが表示されてなーい！

困ったな～とあちこち探していたら、解決された方がいらっしゃいました！
Khamsin-note様のエントリー、
「SyntaxHighlighterでクリップボードへコピーが表示されない」です。
早速swfファイルを使わせて頂きました！ありがとうございます！！

【2015/7/18追記】
Khamsin-note様のソースコード表記のプラグインを変更されたとの事で、現在は修正swfは配布されておりません。
また、うちのソースコード表記も別jsに変更しました。
詳しくは「コード表示をhighlight.jsに乗り換えた」をどうぞ＾＾