ブログの本文にソースコードを書いても、きちんと綺麗に表示してくれるプラグインが「SyntaxHighlighter Evolved」です。

WordPressには投稿中に「code」タグを簡単につけられる機能が元から備わっていますが、コードが途中で改行されてしまったり、行番号が表示されなかったりと少し不親切。「SyntaxHighlighter Evolved」では細かい設定をプラグイン画面からすぐに変更できるので、ソースコードの表示にこだわりたい人にはオススメのプラグインです。

準備編

まずは次のURLから「SyntaxHighlighter Evolved」をダウンロードします。

• WordPress › SyntaxHighlighter Evolved « WordPress Plugins

ダウンロードしてきたら、「plugins」フォルダにアップロードして、Wordpressの管理画面から「有効化」にします。

次に、現在自分が利用しているテーマの「header.php」に

<!--?php wp_head(); ?-->

「footer.php」に

<!--?php wp_footer(); ?-->

が記述されているか確認しましょう。この２つがないと「SyntaxHighlighter Evolved」が動作しなくなるので、注意してください。

設定編

もうこれだけでも、すぐに「SyntaxHighlighter Evolved」を使うこともできるのですが、実際にコードを表示してみる前に、どんな設定ができるのか確認しておきます。

以前は英語で表示されていた設定画面ですが、最新バージョンではすべて日本語化されているので、さらに使いやすくなりました。翻訳してくれた人に感謝ですね。

• 「バージョン」に２と３がありますが、ソースコードを途中で改行させて表示させたい人以外は３を選んでいればOKでしょう。
• 「テーマ」を変更することで、ソースコードを表示させる部分のデザインを変更することができます。
• 「すべてのブラシ〜」は「オフ」で。
• 「一般」のチェック項目でソースコードの表示を色々変えることができます。私は行番号が表示されるだけのシンプルな設定にしています。

使い方編

さて、それでは実際に「SyntaxHighlighter Evolved」を使って、ソースコードを表示してみましょう。次のように書きます。

[言語]ここにソースコードを記述[/言語]

使用できる言語

（参考）SyntaxHighlighter – Bundled Brushes

WordPressをカスタマイズしている人や、プログラミングを勉強した内容をブログに書いている人などには、はずせないプラグインですよね。ぜひ試してみてください。

ページナビゲーションを作成してくれるプラグインの中で、おそらく最も多くのユーザーに使われているプラグインが「WP-PageNavi」です。

公式プラグインサイトでは、なんと160万回以上もダウンロードされています！この数字からだけでもどれだけ愛用されているかが分かりますね。まず押さえておくべき王道のプラグインの一つです。

「WP-PageNavi」の使い方

みんなに愛されている理由は、使い方がとても簡単なことです。プラグインを「有効化」した後、下記コードをページナビゲーションを表示したいところにコピペするだけでOKです。

<!--?php wp_pagenavi(); ?-->

コードを挿入する場所は、利用しているテーマによって多少変わってくるのですが、「category.php」や「archive.php」「loop.php」といった名前のファイルの最後あたりが有力候補になります。

つまり、複数の投稿をまとめて表示する場合のデザインに影響してくるところにコピペすればOKということです。このあたりの感覚は、何度か「コピペ→ブラウザ更新→削除→コピペ→プラウザ更新」を繰り返せば分かってくるようになります。

デザインのカスタマイズ

基本的には、「WP-PageNavi」のデザインをカスタマイズするためには、インストールしてきた「WP-PageNavi」のフォルダ内にある「pagenavi-css.css」というCSSファイルに手を加える必要があります。

ただ、「pagenavi-css.css」のファイルをいじってしまうとアップデートした時にカスタマイズしたものが初期化されてしまう可能性がありますので、自分が使用しているテーマ内のCSSファイルの中で「div.wp-pagenavi」に関するCSSコードを加えていくほうがいいと思います。

「WP-PageNavi」を使わなくなった時の保険

最後に少し中級編の話です。テーマに元から設置されていた「前へ」「次へ」の表示を消して、「WP-PageNavi」のページナビゲーションを設置していた場合、いざ「WP-PageNavi」プラグインを停止した時に、ナビゲーションが何も表示されなくなり、閲覧者が別ページに移動できなくなります。

これは著しくユーザービリティを下げていると言えます。「WP-PageNavi」がWordpressのアップデートに対応しなくなり、やむやむ別のプラグインで代用しなければいけない、というケースは充分に考えられます。急に「WP-PageNavi」を使わなくなっても大丈夫なように保険をかけておけば安心ですよね。

具体的には、次のように「WP-PageNavi」のコードを書けば大丈夫です。

<?php if(function_exists('wp_pagenavi')) {
wp_pagenavi();
} else {
この行に、元からあるページナビゲーションのコードを残しておく
} ?>

これで「WP-PageNavi」を使用している場合はそのページナビゲーションが表示され、「WP-PageNavi」を使うのをやめた時は元からあるナビゲーションが表示されるようになります。

ダウンロードはこちら

「WP-PageNavi」のダウンロードは下のリンクからできます。まだ自分のブログにページナビゲーションを設置していないというひとは、ぜひ一度試してみてください。

• WordPress › WP-PageNavi « WordPress Plugins

みなさん、WordPress3.0からデフォルトテーマになっている「Twenty Ten」を使われていますか？カスタマイズがしやすい、という理由で愛用されている方もいらっしゃるんじゃないでしょうか。Wordpress3.2バージョンがベータ解禁になり「Twenty Eleven」が登場するのも楽しみですが。

※余談になりますが、デフォルトテーマをカスタマイズする時は、テーマが収納されているフォルダ名を変更しておくと、自動アップデートした時に初期化されなくて済むのでおすすめです。

本題に入りますが、この「Twenty Ten」には致命的なバグがあります。それはIE6でメニューのプルダウンが表示されなくなる、というものです。IE6には、ほんと、よく泣かされますね・・

ですが、このバグを一瞬で解決してくれるプラグインがあるのです！それが「IE6 Support for Twenty Ten Theme」です。使い方は簡単。プラグインを「有効化」するだけです。

ダウンロードは下のリンクからできますので、「Twenty Ten」使いの皆さん、ぜひご利用ください。

• IE6 Support for Twenty Ten Theme

WordPressの記事に表示される日付を英語表記にするプラグイン「EnglishDate」の紹介です。「月」の部分を「Apr」「May」といったように表示することができます。

通常であれば、管理画面の「一般」にある「日付フォーマット」を変更すれば、Wordpressに表示される日付を変えることができるのですが（日付と時刻の書式 – WordPress Codex 日本語版）、「月」の表記だけは、カスタムをどんなに変更しても日本語のまま変わりません。

言語ファイルをカスタマイズする方法もあるのですが（【WordPress】日付を英語表記にしたとき「月」をなんとかしたい）、もっと簡単な方法もないかなー、と思っていたところ、冒頭で紹介したプラグインを発見したのでした。

使い方は簡単で、

1. 開発者さんのページでプラグインをダウンロード
2. インストール
3. プラグインを「有効化」

の以上で終わりです。

このブログでも「EnglishDate」プラグインを利用させてもらってます。

WordPressプラグイン「WP Multibyte Patch」を使って、the_excerptタグの抜粋文字数を変更する方法です。抜粋文字数というのは「続きを読む」までの文字数のことですね。

確認になりますが、Wordpressで記事の抜粋を表示する方法は２種類あります。the_contentタグを使うか、the_excerptタグを使うかです。２つの違いを簡単に言うと、記事ひとつひとつに＜!–more–＞を入れて抜粋文を完全にコントロールするのがthe_contentタグで、面倒くさいからざっくり◯◯文字だけ表示！するのがthe_excerptタグになります。

そこで、その◯◯文字を好きなように表示したいというのが今回の趣旨です。the_excerptタグの抜粋文字数を変更するためには、まず「WP Multibyte Patch」プラグインが必要になります。Wordpressの現バージョン(3.1)だとインストールファイルに元から同封されています。以下のように手を加えます。

1. wp-multibyte-patchフォルダの中に入っている「wpmp-config-sample.php」を「wpmp-config.php」に名前を変える
2. 「wpmp-config.php」を開く
3. 「excerpt_mblength」の行にある数字を変える。この数字が抜粋文字数を意味してます

これで抜粋文字数を好きなようにカスタマイズできるようになります。

余談になりますが、そもそも、日本語ではなく英語の場合だと「WP Multibyte Patch」を使う必要はありません。テーマファイルにあるfunction.phpをカスタマイズすれば事足ります。そのあたりの詳細についてはこの記事が分かりやすいです。→日本語・マルチバイト特有の問題

参考にしたページ

• 「続きを読む」のカスタマイズ – WordPress Codex 日本語版
• テンプレートタグ/the excerpt – WordPress Codex 日本語版
• WPラボ – 記事抜粋の文字数を変更する