Evolvedを組み合わせる何ヶ月か前に自力でソースコード領域をiPhoneで横スクロール可能にする試みをしましたが、冷静に考えるとSyntaxHighlighterなどの既存ライブラリを使った方が良い結果が得られるなと思い直し、本日WordPressに同ライブラリを導入することにしました。ブログ原稿はMarkdown記法で書けることも条件です。ゴールは次の3点を達成することです。Markdown記法でブログを書けることMarkdown記法と衝突しない書き方で自然にソースコード片を書けることシンタックスハイライトされ、iPhoneでコード部分だけ横スクロールされること以下、最終的に私が成功した際のインストール方法や設定方法を記します。次のWordPress用プラグインをインストールします。プラグイン名の後ろには、本日使った各プラグインのバージョン番号を記しています。(v3.1.7)なお私が使っているWordPress自体のバージョンは本日時点で3.5.2です。続いて、各プラグインを次の通り設定します。wp-markdownで投稿時にPretiffy.jsを使わないように設定。highlighter」のチェックを外します。標準で外れているはずです。これがチェックされていても上手く動作するかもしれませんが未確認です(もっともPretiffyと共存させたい人はいないと思いますが)。Evolvedで「すべてのブラシを読み込む」ように設定。WordPressの管理画面で「設定>SyntaxHighlighter」を開き、「すべてのブラシを読み込む」欄にある「常にすべての言語ファイルを読込みます」のチェックボックスにチェックを入れます。wp-markdown-syntaxhighlighterはwp-markdownがHTMLを生成する処理をフックし、SyntaxHighlighterが処理対象として見つけられるようなpreタグを書き出すようになっています。したがって後者の設定は必須です(これが分からず結構な時間を使いました...結局wp-markdown-syntaxhighlighterのソースを読んで判明...)。以上の設定を完了すると、次のような原稿が:C言語の学習者が最初に書かされるプログラムはたいてい次のようなプログラムです。World!」と表示されます。C言語だけでなく「ここでのWorldとはいかなる意味か」とEnglish言語に関する疑問も同時に誘発する点で、日本人にとって微妙なサンプルであります。次のようなブログ記事となります。C言語の学習者が最初に書かされるプログラムはたいてい次のようなプログラムです。World!」と表示されます。C言語だけでなく「ここでのWorldとはいかなる意味か」とEnglish言語に関する疑問も同時に誘発する点で、日本人にとって微妙なサンプルであります。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。