記事でソースを書いたときに表示がおかしいので dpSyntaxHighlighter というスクリプトをいれてみました。まずは SyntaxHighlighter_1.5.1.rar をダウンロード。サーバの jsフォルダ に SyntaxHighlighterフォルダ を作成 し、展開した Scriptsフォルダ と Stylesフォルダ をアップロード。

メインページテンプレートの</head>直前に下記を記述。

<link href="<$MTBlogURL$>js/SyntaxHighlighter/Styles/SyntaxHighlighter.css" type="text/css" rel="stylesheet"> <script src="<$MTBlogURL$>js/SyntaxHighlighter/Scripts/shCore.js" type="text/javascript"></script> <script src="<$MTBlogURL$>js/SyntaxHighlighter/Scripts/shBrushCss.js" type="text/javascript"></script> <script src="<$MTBlogURL$>js/SyntaxHighlighter/Scripts/shBrushJScript.js" type="text/javascript"></script> <script src="<$MTBlogURL$>js/SyntaxHighlighter/Scripts/shBrushXml.js" type="text/javascript"></script>

メインページテンプレートの</body>直前に下記を記述。

<script language="javascript"> dp.SyntaxHighlighter.ClipboardSwf = ‘<$MTBlogURL$>js/SyntaxHighlighter/Scripts/clipboard.swf’; dp.SyntaxHighlighter.HighlightAll(‘code’); </script>

記事を書くときにはこのようにtextareaタグで囲みます。

<textarea name="code" class="html"> ここにソースコード </textarea>

class部分は

• XML/HTMLコードの場合、xml, html, xhtml
• PHPコードの場合、php
• CSSコードの場合、css
• JavaScriptコードの場合、js
• Rubyコードの場合、ruby
• SQLコードの場合、sql
• Visual Basicコードの場合、vb
• Javaコードの場合、java
• pythonコードの場合、python
• C#コードの場合、c#
• C++コードの場合、c
• Delphiコードの場合、delphi

関連記事

• VAIO type PにXPをインストール (1)
• VAIO type PにXPをインストール (2)
• Google Syntax Highlighter for WordPress HF Edition V 0.6.1
• 同期型オンラインストレージ、SugarSyncの無料プランを使ってみよう
• Photoshop CS4のフィルタに抽出がない？
• SILKYPIX Developer Studio Pro Early Preview 版 Ver.4.1.20
• Ktai Style 1.74 ベータ2
• SUPER GT2011シリーズ、テレビ東京系で地上波放送
• LiteBox Plugin for WordPress
• WordPress 2.8.1 RC1 にアップデート