ぷにじぃの備忘録

ずっと気になってた、Blogでのコード表示。

ソースコード色付け（ハイライト）をしてくれるナイスなあの機能。
もとは、GoogleCodeで開発されているみたいで、
たしか、yahooのライブラリでも使われてたような･･･。

本日やっと実装できました！ということで、インストール手順を紹介。

1. Viper007Bond.comで、SyntaxHighlighter Evolved(syntaxhighlighter.zip)をダウンロード。
2. ダウンロードしたsyntaxhighlighter.zipを解凍する
3. 解凍すると、syntaxhighlighter　というフォルダが作成されているので、
   それをFTPで、wp-content/plagins　フォルダの直下にアップロード
4. サイト管理画面にログインし、「プラグインの管理」で、「SyntaxHighlighter Evolved」を「使用する」に設定する
5. 細かい設定は、「設定」の「SyntaxHighlighter」で設定できるので、そちらを参照。

あとは、投稿画面で、該当するコードを下記のような感じで入力すればＯＫ。

[html]
ここにHTMLタグを記述
[/html]

上記は、HTMＬの場合で、PHPやＳＱＬといった単語を(※「ブラシ」と言う)、[]で括れば、他の言語にも対応できます。
ちなみに、ブラシの種類は下記の通り。最新情報はこちらを参照して下さい。

• ActionScript3
  as3, actionscript3
• Bash/shell
  bash, shell
• C#
  c-sharp, csharp
• C++
  cpp, c
• CSS
  css
• Delphi
  delphi, pas, pascal
• Diff
  diff, patch
• Groovy
  groovy
• JavaScript
  js, jscript, javascript
• Java
  java
• JavaFX
  jfx, javafx
• Perl
  perl
• PHP
  php
• Plain Text
  plain, text
• PowerShell
  ps, powershell
• Python
  py, python
• Ruby
  rails, ror, ruby
• Scala
  scala
• SQL
  sql
• Visual Basic
  vb, vbnet
• XML
  xml, xhtml, xslt, html, xhtml