MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


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

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]]

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

おすすめコンテンツ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA