投稿画面にコードを表示してくれるプラグイン

wordpressの情報収集をしていると、必ず皆さん使ってるプラグインですね。種類は色々ですが。

今回導入したのはSyntaxHighlighter Evolvedです。
プラグインサイト

デザインも選べていい感じ!

icons-html

CSSも

p {
color:#ccc;
}

HTMLも

<dl>
<dt>麺類</dt>
<dd>ラーメン</dd>
<dd>みそラーメン</dd>
<dd>とんこつラーメン</dd>
</dl>

自由自在。そう、SyntaxHighlighter Evolvedならね!

使い方も簡単ですよー!!

まずはver2.x と ver3.xを選ぶことから。
大きな違いは

ver2.x・・・
マウスでコピペできない(かわりにボタンでソース出力)
ver3.x・・・
マウスでコピペできる

ということですかね。

そして使い方はhtmlなら
[html][/html]

CSSなら
[css][/css]

と、ショートコードで囲んであげるだけです。

[html firstline="10" highlight="11"][/html]

のような記述でハイライトや先頭番号の指定もできます。

http://attosoft.info/blog/syntaxhighlighter-usage/
こちらの記事が参考になりすぎました!!

スポンサーリンク

コメントをどうぞ

コメントを残す

メールアドレスが公開されることはありません。

スパム対策にご協力ください *

コメントの前にご確認ください。なにか不具合などあればtwitterまでご連絡ください

  • コメントは承認制のため、反映・表示までお時間を頂きます。
  • 具体的なエラー画面などがある場合は画像を添付してください。(1ファイルの上限は2メガバイト・3枚までUP可能です。)
  • メールアドレス等の入力も必須ではありませんので入力の必要はありません。お気軽にどうぞ。(冷やかしは止めてね!)
  • コメントや返信があっても通知は届きませんのでご注意下さい。
  • 忙しい時はレスが遅れることもあります。
  • 実作業は行いません。ご依頼の場合はお問い合わせからお願い致します。
  • コメントの回答による一切の不利益および損害に関し、責任を取ることはできません。(実作業をご依頼いただいた場合は別です。)