で、これを回避するのが最近見つけたThe Permalinkerというプラグイン。

[permalink id=12345]過去の投稿へのリンク[/permalink]

というように書くと過去の投稿へのリンクを生成してくれます。こういうプラグイン絶対あると思ってたんですが、なかなか見つけられなくて悔しい思いをしていたので、非常に嬉しいです。よかったよかった。

自分の場合は

1. データベースとファイルをバックアップ
2. zipファイルをダウンロードして解凍
3. rsync -Cavz wordpress/* path-to-wordpress/ してファイルをコピー
4. wp-admin の管理画面にアクセス。Database Upgrade Required と言われるのでアップグレード
5. 完了

という手順です。

まず何より最初に、2.8はいままでよりもずいぶんスピードアップしています。

とのことだったので、TOPページのレスポンスをYSlowで測ってみたのですが、

• 2.7: 平均2.11秒
• 2.8: 平均2.11

で変わってなかったです。もちろんテーマとか使っているプラグイン、ウィジェット次第だと思うので、自分の場合は変化がなかったというだけの話です。

ちなみに管理画面のトップページがなんかおかしい気がします。ナビゲーションの▼クリックしても何も反応しない…

• データはMySQLのデータベースに保存されているので、mysqldumpしてそれを新しいサーバでインポート
• WordPressのファイルは rsync で一括転送

して動作確認をしていたところ、どうも wp-admin の管理画面からログインすると

Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 71 bytes) in /path-to-wordpress/wp-includes/gettext.php on line 91

というエラーが… メモリがオーバフローしているみたいなのでググってみると「php.iniのmemory_limitを増やせば直る」とか書いてあるのですが、それをやっても全然直らずに途方に暮れていました。もしかすると i386 -> amd64 のアーキテクチャ変更がまずかったのか？とあたりをつけて色々試してみたところ、WordPressの管理画面の言語を ja から en に変更したらあっさり直りました！

具体的には wp-config.php の以下の部分を修正。

@@ -29,7 +29,7 @@
 // と設定すると、日本語 (UTF-8) がサポートされます。
 // (訳注: このパッケージでは日本語 (UTF-8) が設定されているので、そのままお使いの場合は
 // 変更する必要はありません。)
-define ('WPLANG', 'ja');
+define ('WPLANG', 'en');

いやはや、もう再インストールを覚悟していたので、問題回避できただけでもよかったです。日本語リソースの ja.mo が悪さをしていたのでしょうか？本当の原因がわかってないのが気持ち悪いですが、とりあえず良しとします。

デフォルトのままだと幾つか気になる点があったので以下の点を変更しました。これでだいぶ見やすくなってかなり満足です。

サイドバーのリンク

右側のサイドバーのリンクはアンダーラインがなくてリンクだと認識されにくかったので、下線を引くように修正しました。

Index: css/default.css
===================================================================
--- css/default.css     (revision 33)
+++ css/default.css     (working copy)
@@ -350,7 +354,6 @@
 
 #sidebar a {
 color: #333;
-text-decoration: none;
 }
 
 #sidebar a:hover {

既読リンクの色を変えるように

デフォルトでは未読リンクも既読リンクの色も同じだったのですが、個人的なユーザビリティ哲学として既読リンクはわかるようにしたかったので、これを紫にするように修正。

Index: css/default.css
===================================================================
--- css/default.css     (revision 33)
+++ css/default.css     (working copy)
@@ -38,7 +38,7 @@
 text-decoration: none;
 }
 
-h1 a:hover, h1 a:active {
+h1 a:hover, h1 a:active, h1 a:visited {
 color: #fff;
 }
 
@@ -130,6 +130,10 @@
 text-decoration: none;
 }
 
+a:visited {
+color: purple;
+}
+
 a {
 color: #0063DC;
 text-decoration: underline;
 
@@ -269,6 +269,11 @@
 text-decoration: underline;
 }
 
+.title h2 a:visited {
+color: #369
+text-decoration: none;
+}
+
 .postdata {
 color: #690;
 margin-left: 0.8em;

パンくず

iNoveではデフォルトで表示されていたパンくずですが、Hello :Dでは表示されないのでこれを表示されるように。

Index: single.php
===================================================================
--- single.php  (revision 33)
+++ single.php  (working copy)
@@ -3,7 +3,7 @@
 <div id="leftcolumn">
 
 <?php if (have_posts()) : ?>
-
+        <div style="padding: 0 15px 5px;" class="post_end"><a href="<?php echo get_option('home'); ?>">Home</a> &raquo; <?php the_category(', '); ?> &raquo; <?php the_title(); ?></div>
        <?php while (have_posts()) : the_post(); ?>
        <div class="post" id="post-<?php the_ID(); ?>">
                <div class="title">

ページメニューの強制大文字化を解除

ヘッダー部分のページメニューで “Apache” というページがなぜか “APACHE” となっていたのでこれを解除。つーか、ユーザが入力したページ名を尊重しようよ。

Index: css/default.css
===================================================================
--- css/default.css     (revision 36)
+++ css/default.css     (working copy)
@@ -181,7 +181,6 @@
 top: 25px;
 height: 35px;
 margin: 0;
-text-transform: uppercase;
 }

投稿内のh3タグをわかりやすく

投稿内で見出しとして使用するh3タグがあまり見出しとしての視認性を発揮していなかったので、サイドバーで使用されている画像をつけるように修正。

@@ -286,6 +291,8 @@
 
 .entry h3 {
 font-size: 1.3em;
+background: url(../images/widget_title.png) no-repeat;
+padding-left: 25px;
 }

ロードするjQueryのバージョンを変更

header.phpを見てみると、タグ内でGoogle AJAX Libraries API を使ってjQueryをロードしているのですが、jQueryのバージョンが1.2.6なのでこれを1.3にします。

Index: header.php
===================================================================
--- header.php  (revision 35)
+++ header.php  (working copy)
@@ -11,7 +11,7 @@
 <!--[if IE]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]-->
 
 <script type="text/javascript" src="http://www.google.com/jsapi"></script>
-<script>
+<script type="text/javascript">
   // Load jQuery
-  google.load("jquery", "1.2.6");
+  google.load("jquery", "1.3");
 </script>

で、このプラグインの良い点4つほど。

• 対応している言語が非常に多い。C〜Ocamlまで対応している
• <>などのタグのエスケープが必要ない
• ソースが本文領域からはみ出す場合、横スクロールバーを出してくれる(iNoveはデフォルトではこれを出してくれず表示されなくなってしまう)
• <pre lang=”perl”> とするだけなのでお手軽

ただ、これはiNoveテーマの問題かもしれないのですが、<pre lang=”…”>で囲むと文字サイズが12pxに固定されるという問題があったので、wp-content/themes/inove/wp-syntax.css を以下のように修正しました。

Index: wp-syntax.css
===================================================================
--- wp-syntax.css       (revision 8)
+++ wp-syntax.css       (working copy)
@@ -41,7 +41,7 @@
        float:none;
        clear:none;
        overflow:visible;
-       font-size:12px;
+       font-size:108%;
        line-height:1.333;
 }
 .line_numbers pre {

これで通常の文章と同じフォントサイズでさらに可変になります。このプラグインのおかげでブログにコードを掲載するのが少し楽しくなりましたとさ。

• 今使っているiNove
• シンプルなwp.Vicuna
• MacっぽいiTheme

wp.Vicunaはモジュール化されているようでCSSファイルが複数に分かれていてけっこう表示速度が遅かったので、今はiNoveに落ち着いています。昔のおいぬま日報で使っていたような透き通った感じのものがよかったのですが、細部までこだわり出すとなかなかいいものがありませんでした。

なんかいいものがあったら乗り換えたいものです…

*All in One SEO Pack

投稿ごとにmetaタグのkeywordsやdescriptionが設定できるようになったり、titleタグにブログのタイトルを設定できるようになります。

*Breadcrumb Navigation XT

パンくずナビゲーションを追加します。サイト内のリンク構造を改善することでSEO効果が得られるようになります。

Broken Link Checker

ブログ内のリンクでリンク切れになっているものを見つけてくれるプラグイン。

Dagon Design Sitemap Generator

ブログのサイトマップを生成するプラグイン。サイトマップを作ると検索エンジンのクローラーがページを巡回してくれる確率が高くなります。

*FeedBurner FeedSmith

生成されるRSSのURLを変更できるようにするプラグイン。

Google (XML) Sitemaps Generator for WordPress

Google Sitemapプロトコルに対応した XML のサイトマップファイルを自動で生成するプラグイン。これを導入するとクローラーがページを巡回する確率が高くなります。

*Ktai Style (携帯対応プラグイン)

WordPressを日本の携帯端末に対応させるプラグイン。URLはそのままで携帯端末でアクセスするとモバイル用の画面が表示されます。

pagebar

TOPページやカテゴリの一覧ページなど、投稿を一覧表示する画面にPagenationを埋め込むプラグインです。SEO対策で全ページくまなくインデックスされるように仕込んでみました。

Search Word Highlight for Multibyte

検索エンジンからサイトに飛んできた際に、検索エンジンでの検索語をサイト上でハイライト表示するプラグインです。はてなダイアリーでもこのような機能がついているので入れてみました。

*Similar Posts

今表示している投稿に似ている投稿を表示するプラグイン。投稿の単語を調べて似ているものを探しているようです。読者のために似ている投稿をおすすめすることでPVアップが見込めるでしょう。またサイト内のリンク構造も改善されるのでSEO対策としても有効だと思います。

Ultimate Google Analytics plugin for WordPress

Google Analyticsの設定をWordPressの管理画面で行うためのプラグイン。WordPressにログインしている場合はトラッキングしないなどの設定が行えます。

WordPress Database Backup

WordPressのデータベースのバックアップを管理画面から行ってファイルをダウンロードできるようにするプラグイン。定期的にバックアップを取ってメール送信するようなこともできます。

Wordpress Media Flickr

WordPressの管理画面からFlickrの写真を選択してブログに引用できるようにするプラグイン。インタフェースがわかりやすくて使いやすいです。Flickrのヘビーユーザにおすすめのプラグインです。

*WP-chgFontSize

WordPressのテーマはなぜかフォントサイズが小さいので、フォントサイズを変更するプルダウンを表示するプラグインです。このブログでは右ナビに設定しています。

*WP-Syntax

ソースコードをカラー表示にしてくれるプラグイン。存在するプログラミング言語にはほぼ全て対応しているのと、<>のタグを自動でエスケープしてくれるのが素晴らしいです。

wp-tmkm-amazon

投稿内でAmazonの書籍などを引用するためのプラグインです。Amazon系のプラグインは色々乱立していたのですが、これが一番シンプルっぽいので選びました。

なお、プラグインの選定に関しては以下のページを参考にさせてもらっています。

• Wordpressの便利なプラグイン集 -2008年10月
• WordPressで導入したプラグインまとめ
• WordPressでブログを作ったらまずやる26項目―SEO・アクセスアップのためのカスタマイズ

インストールはいつものようにファイルをダウンロード→解凍→wp-content/plugins に移動→管理画面から有効化するだけです。で、管理画面から設定をするんですが、フォントサイズの単位が px, em, %が選べるので、自分はfont-sizeのパーセント表記一覧 – Webtech Walkerを参考にさせてもらい、パーセンテージ指定にしました。具体的には

• Min: 100 (12px相当)
• Max: 150 (18px相当)
• Default Font Size: 108 (13px相当)

という感じです。これで12pxという小さいフォントサイズは解消できたのでめでたしめでたし。本当は14px相当にしてもよかったのですが、投稿タイトルのh2タグのフォントサイズがなぜか大きくできないので、本文のフォントサイズは控えめにしてあります。

中身はPHPよくわからないのでほとんど知らないのですが、このプラグインをインストールするとどうやら wp_similar_posts, wp_term_relationships, wp_term_taxonomy などのテーブルができていて、現在の投稿に関連する情報を保存しているようです。で、投稿を表示するときに表示スピードが遅くなったりしないか少し気になったのですが、プラグインを無効にした状態と有効にした状態で差異がありませんでした(どちらでも1.4秒程度)。というわけで安心して使えそうです。

それにしても最近WordPressの話ばかりだなぁ…