• このエントリーをはてなブックマークに追加

wordpressでソースコードをキレイに書く方法(syntax highlighter evolvedの書き方)

  • このエントリーをはてなブックマークに追加

html

すっかり中堅社員になってしまったzaco muraです。もう8年目。。。
ということで、自分用メモ。

概要


自分はブログを備忘録代わりに使うんですが、その中でソースコードやコマンドを書くことも多々あります。
そういった時にキレイに書く・見ることができる方法について。
一言で言うと、プラグインとして用意されているSyntaxHighlighter Evolvedを使用します。

使い方


以下のように[]で言語をくくります。
[言語]ソースコード[/言語]

例えばhtmlだと、こんなかんじになります。

■ブログに記述する内容
[html]
<h1>hello world</h1>
[/html]
※実際は”html”を半角で書く

■ブログ上の表示

<h1>hello</h1>

使える言語


html,bash,rubyなど、いろいろ使えます。
詳細はホームページを参照

スポンサーリンク
Sponsords Link
  • このエントリーをはてなブックマークに追加

ZacoDesign

スポンサーリンク
Sponsords Link