caramel*vanilla > WordPressのテーマを変えたとき確認すべきこと10

テーマを変えよう

WordPressが好きで、なおかつたくさんの人にも使ってほしいと思う理由のひとつに「デザインが簡単に変えられる!」ということがあります。
しかもデザインの種類は途方もなく多く、素晴らしいクオリティのものばかり。
ステキなテーマを見てるだけでとっても楽しい :-)

お気に入りのテーマが見つかったら自分のblogに適用するのはとっても簡単。
wp-content/themes内にダウンロードしたテーマファイルをフォルダごとアップロード。
管理画面のPresentationから使いたいテーマのサムネイルを1クリックするだけで完了!

テーマを変えたらチェックすること

blogのデザインを変えるのは簡単ですが、今までのテーマに施していたカスタマイズは継承されません。
テーマファイルに全く手を加えていなければ問題ないのですが、ほとんどの場合テーマファイルにプラグイン用のコードや、blogパーツなどさまざまなコードを追加していると思います。

テーマを変えたら確認して修正すべき10個のポイントをまとめた記事をみつけました。

• 10 Things You Must Do When Changing WordPress Themes : Instigator Blog

この記事であげられているチェックすべき10個のポイントを勝手に要約してみようと思います。

*翻訳サイトを利用しているので間違っている箇所があるかもしれません。その場合はご指摘くださるとうれしいです。

サイドバー

1番手を加えていることが多いと思われるのがサイドバー。
アフィリエイトやblogパーツなどを表示させたり、アーカイブやカテゴリーの表示の仕方も自分の好みに変えている場合もあると思います。
WordPress Widgetsプラグインを利用せず、手動でコードを追加したなら、テーマを変更した後にもう一度追加し直す必要があります。

新しくテーマを変更する前に使用中のテーマのsidebarファイルのコードをコピーして保存しておきます。
手動で追加・修正した箇所を新テーマのsidebarファイルに追加します。

アクセス解析用コード

blogにアクセス解析用のコードを追加している場合はそれらのコードも忘れずに新テーマに追加します。
忘れてしまうと今後の解析ができなくなってしまいます。
ほとんどはheaderもしくはfooterに追加していると思うので使用中のテーマから該当のコードを探します。
WordPress用のプラグインタイプのアクセス解析のみ利用しているならこの作業は必要ない場合がほとんどです。
(プラグインが勝手にやってくれます)

プラグインの見直し

プラグインの中には有効化するだけで適用されるもの(管理画面用など)とテーマファイルにコードを追加するもの(表示系のもの)があります。
今回確認すべきは後者のパターンですが、テーマを変更するのは使用中のプラグインを見直すいい機会です。
必要なもの・いらないものをよりわけます。
テーマによっては必要のないプラグインが出てくるかもしれません。

プラグインの表示確認

表示系のプラグイン用のコードを新テーマファイルに追加して実際の表示を確認します。
場合によってはプラグインの表示スタイルがテーマに合わないかもしれません。
必要に応じて新テーマのスタイルシートを変更・追加します。

広告デザイン

Google AdSenseなどのテキスト系のアフィリエイトはサイトのデザインに合わせて色を指定したコードを貼り付けていると思います。
新しいテーマに合わせてこれらのコードを変更します。

AdSense-Deluxe WordPress Pluginを使うとWordPressの管理画面上で編集することができるので便利です。

RSS

FeedBurnerを利用してFeedを配信している場合はheaderファイルを修正しなければなりません。
RSSやATOMのコードをFeedBurnerで作成したFeedに変更します。
サイドバーにRSS購読用のリンクを張っている場合はsidebarファイルの修正も必要です。

FeedBurner Pluginを利用すればFeedBurnerにリダイレクトしてくれるのでテーマファイルの修正をしなくてもOK
もちろん修正しても構いません。

表示確認

生成されるすべてのページを確認します。
TOPや個別記事以外の月別アーカイブ、カテゴリー、ページ、検索結果など。
思ったような表示スタイルでなかった場合、個別に修正する必要が出てくるかもしれません。

複数のブラウザでのチェック

WindowsユーザーならIEとFirefoxでの表示確認。
MacユーザーならSafariとFirefoxでの表示確認。
もちろんもっと多くのブラウザでのチェックができればなおよし。
場合によってはスタイルシートの修正・追加をします。

変更は慎重に

管理画面のTheme EditorはWeb上でテーマを変更できる便利な機能ですが、大幅な変更をしたときに元に戻れない恐れもあります。
変更は慎重に面倒でも少しづつ。
取り返しがつかなくなって焦るよりはテキストエディターで変更を保存しながら、Theme Editorにコピペした方がいいかもしれません。

記事で告知

テーマを変更したこと、それに伴う不具合などのフィードバックを求める記事を書きます。
自分の環境では確認できなかった不具合が見つかるかもしれません。
記事にすることでRSSリーダーでしかチェックしていない読者にもデザインの変更を知ってもらうことができます。

テーマ変更を楽にするために

もっと気軽にデザインを変えると新鮮で楽しいなーとは思うのですが、いろいろなテーマファイルにあれこれ手を加えているのでめんどうに感じてしまう…というのはきっとワタシだけじゃないはず。
でもせっかくたくさんのテーマがあってそれをお手軽に適用することができるのなら、いつまでも同じデザインはもったいないとも思うのです。

常日頃からテーマファイルに手を入れたときに覚書のようなものを書き留めておくのを習慣づけるといいかもしれません。
それから、ファイルにコードを追加した時は後から見てもわかりやすいようにコメントを入れておくのも大切ですね。
(つい忘れてしまいますが…)
プラグイン用のコードの場合はコメントにプラグイン名も書いておくと、テーマ変更に限らずプラグインを使わなくなった時にコードを削除するときにも探しやすいです。

コメントの書き方はかなりいい加減で、そもそも自分がわかればいいや的にあんまり入れてなかったりするんですが自分なりの法則で統一した方がキレイなんでしょうね。
この辺は見直したいと思います。

- 参考リンク -
我的春秋: (X)HTML, XML のコメント記述位置