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

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]

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

コメントをどうぞ

コメントを残す

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

コメントの前にご確認ください。

  • コメントは承認制のため、反映・表示までお時間を頂きます。
  • メールアドレス等の入力も必須ではありませんので入力の必要はありません。お気軽にどうぞ。(冷やかしは止めてね!)
  • コメントや返信があっても通知は届きませんのでご注意下さい。
  • 忙しい時はレスが遅れることもあります。
  • 当ページによる一切の不利益および損害に関し、責任を取ることはできません。