超現場ブログ

Technique,Design and Events

WordPressのソースコードを表示できるSyntaxHighlighter Evolvedをつかってみよう

Twitter Facebook Google+ はてブ

WordPressのソースコードを表示できるSyntaxHighlighter-Evolvedをつかってみよう

HTMLやプログラムの勉強法として
勉強したことをブログなどで公開することをオススメします。

志村けんのひとみばあさん
(youtubeでひとみばあさん検索もオススメします)
のように
ここだけ覚えられなくて
何度も聞いてしまうことってありませんか?

学んだことをアウトプットすることで
自分の頭が整理されます。
記憶に残ります。
ぜひ学習法としてブログ書いてみてください。

HTMLやプログラムの記事を
WordPressで書く場合の便利ツールをご紹介します。

『SyntaxHighlighter Evolved』

こんな画面みたことありませんか

<h1>Web塾超現場主義</h1>
<p>ウェブデザインスクールをお探しならWeb塾超現場主義</p>

これを設定して記事投稿しましょう。

1.プラグインの項目から
SyntaxHighlighter Evolvedと検索して
インストールします。

2.バージョンは2.Xと3.Xとありますが
ツールバーを表示するをチェックを入れると
マウスオーバーで表示されるので
こちらを使用したい方は2.Xとなります。


3.投稿記事内にhtmlを記述し、

1

と囲むだけで表示が変わります。 他の言語は

2

など

同じように設定します。
どんどん書き込んで知識をふやしましょう!

ご質問・ご相談の方はこちら

ご質問・ご相談ですか?

どんなことでもお気軽にご相談ください。

ご質問・ご相談はこちら

Copyright © 超現場主義 All rights reserved.