Web サイトを大幅にリニューアルしました。行った作業は主に以下の 3 つです。

• 新しいテーマ (Colorway Plus) を採用
• qTranslate でサイトを多言語化
• 利用するプラグインの見直し

一部のページは新しいデザインに合うように書き直しています。軽微なデザインバグの修正などはまだ残ってますが、大まかな作業は一通り終えたのでこの辺りで公開したいと思います。何か気付いたことがあればコメントください。以下はリニューアルに関する覚え書きです。

WordPress 日本語版 インストールガイド 3.3 を最新の状態に更新しました。変更内容は以下の通り。

• 記述内容を更新して WordPress 3.3 に対応
• さくらのレンタルサーバでのデータベースの作成方法を修正

WordPress のインストールは同梱の readme.html に「5分でインストール」と書かれているほどで、ほかの Web アプリケーションと比べるとそれほど難しい訳ではない。箇条書きにすると次のような手順になる。

ソースコードを強調表示する SyntaxHighlighter スクリプトをプラグイン化した SyntaxHighlighter Evolved。その使い方 (設定項目や記述例など) の簡単なまとめ。

ソースコードを強調表示する SyntaxHighlighter で Diff (差分) を強調表示すると、次のように色分け表示される。

このような配色が普段使用している差分ツールと異なるので気になる、という人も結構いると思う。たとえば私の環境では削除された行が赤で追加された行が緑というスタイルの差分表示を見ることが多い。

そこで SyntaxHighlighter の Diff (差分) の色分けスタイルを見慣れたものに変更する方法を紹介する。

※ ちなみにこの方法は SyntaxHighlighter Evolved や Syntax Highlighter for WordPress といった SyntaxHighlighter 系のプラグインにも有効。

AddThis プラグインには設定画面の [Custom Button] フィールドに入力した a 要素の属性がすべて削除される、というバグがありましたがこの問題が新バージョンでは修正されています。

具体的にどういう現象なのか説明すると、設定画面の [Custom Button] フィールドに次のようなコードを入力して [Save Changes] ボタンを (2 回) クリックすると、

先日投稿したまとめ：おすすめの WordPress プラグイン (19 個) という記事で紹介した Breadcrumb NavXT プラグイン。WordPress でパンくずリストを表示するならまず一番に名前の挙がる有名なプラグインだと思う。

その日本語化を謳う Breadcrumb NavXT 日本語版がただの改悪バージョンということが判明。不適切な翻訳を修正とか日本語環境で発生する問題を修正とかなら分かるけど、実際は逆で本家の翻訳のほうがはるかに適切だった。多くの Web サイトが Breadcrumb NavXT 日本語版を紹介しているだけに大変残念に思う。

追記：改悪プラグイン配布サイトが閉鎖された模様

Breadcrumb NavXT 日本語版などの改悪プラグインを配布していた naviwave.com がいつの間にか閉鎖されていました。作者本人も問題を自覚していたってことでしょうか…。(11/22 確認)

経緯など

まず前提として Breadcrumb NavXT 3.6.0 以降は標準で日本語化されているので、別途日本語化を行う必要は全くない。しかしそれにも関わらず naviwave.com というサイトが Breadcrumb NavXT 日本語版を公開していて、3.6.0 以降のバージョンアップにも精力的に追従 (?) させている。この流れを時系列で見ると次のようになる。

プラグイン一覧

はじめから WordPress に含まれている

WordPress に標準搭載されているプラグイン。ダッシュボードの [プラグイン] メニューから忘れずに [有効化] しておく。

• Akismet
• WP Multibyte Patch

ブログを見やすく使いやすく

ブログのアクセシビリティとユーザビリティを向上させるプラグイン。

• Breadcrumb NavXT
• Auto Thickbox Plus
• SyntaxHighlighter Evolved
• DB Cache Reloaded Fix

ブログを訪問したときにあると嬉しい

ブログを初めて訪問したときなどにあると嬉しい機能を提供するプラグイン。

• Contact Form 7
• WP Social Bookmarking Light

ページが増えてきたら…

ブログのページ数が増えてきたら相乗効果が出てくるプラグイン。数十ページぐらいになってきたら導入を検討したい。

• WP-PageNavi
• WP-PostViews
• Yet Another Related Posts Plugin

サイト管理に役立つ

サイト管理の手間や負担を軽減させてくれるプラグイン。

• Google XML Sitemaps
• Google Analyticator
• FD Feedburner Plugin
• Broken Link Checker
• Revision Control

一部の人には重宝する

このブログで使っているその他のプラグイン。

• Menubar
• single shortcode
• Movable Type and TypePad Importer

概要

タグで指定した箇所を投稿の抜粋表示から省くことができるショートコード。[single] タグで囲まれた内容は、投稿が個別表示されている場合のみ出力される。次のような項目を投稿の抜粋から省きたい場合に役立つ。

• 投稿の要約には適さない目次や注釈などの記述
• 抜粋時にリンク切れとなる相対パスのリンク

※ 詳細は WordPress: 抜粋時は内容を出力しない single ショートコードプラグインを参照。

Web サイトのフィード (RSS) 管理に Google FeedBurner を導入した際に、まずやっておくべきタスクをまとめてみた。

タスク一覧

• 適切な RSS リーダー登録ボタンを配置する (フィードフレアユニット)
• フィードからのリンク先 URL に余計な文字列を付加しない (クリックスルー集計)
• フィード URL を独自ドメインにする (マイ・ブランド)
• WordPress で FeedBurner のフィードを利用する (FD Feedburner Plugin)
• フィードで画像が表示されない問題を解決する (絶対パス or AbsoluteRSS プラグイン)
• フィードに広告を挿入する (Google AdSense との連携)
• ブログの更新をフィード経由で Twitter につぶやく

概要

タグで指定した箇所をエントリの抜粋表示から省くことができるショートコード。タグで囲まれた内容は、エントリが個別表示されている場合のみ出力される。次のような項目をエントリの抜粋から省きたい場合に役立つ。

• 投稿の要約には適さない目次や注釈などの記述
• 抜粋時にリンク切れとなる相対パスのリンク

使い方

抜粋には出力したくない内容を [single] タグで囲む。

[single] ... [/single]

[single]
 ...
[/single]