WordPressのTheme「Atahualpa」のエントリータイトル部分に写真(Gravatar)を表示する

こんにちは。kubomaです。

今回はWordPress2.7.1のTheme「Atahualpa」のエントリータイトル部分に写真(Gravatar)を表示する方法について調べました。
(追記)実際には、どのThemeでも、どの部分でも、このエントリーと同じやり方でGravatarを表示できます。

今回の目的は次の通りです。

1. ブログのエントリータイトル部分に、誰の記事が人目で分かるように、写真を表示したい。

今回の環境は次の通りです。

• WordPress 2.7.1
• Atahualpa 3.2

参考URLは次の通りです。

• Gravatar の使い方 – WordPress Codex 日本語版
• Gravatar

調査

調べていくと、次のことが分かりました。

• WordPressの設定から画像をアップロードするような画面はない。
• WordPress2.5からは、GravatarというAvatarサービスが標準で利用できるようになっている。ただし、使っているThemeが対応している必要がある。
• Gravatarは事前に登録が必要。
• Gravatar画像を表示するには、get_avatar関数を利用する。get_avatar関数は、メールアドレスをキーにしてGravatarサービスから画像を取得する。

現在当ブログで使用しているテーマ「Atahualpa」では、コメント欄ではGravatarに対応していますが、エントリータイトル部分ではGravatarは表示されません。
(たとえばP2というテーマなどは、エントリータイトル部分にGravatarが表示されます)
そこで、テーマ「Atahualpa」のエントリータイトル部分にもGravatarが表示されるように変更してみます。

修正方法

なお、一般的にWordPressでテーマを修正する際のやり方を筆者はよく分かっていませんので、下記では的外れな対応をしているのかもしれません。(そうであれば、是非教えてください。)

1. ドキュメントより、Gravatarを使用するにはget_avatar関数を利用すればいいことが分かります。
2. 当ブログのhtmlのソースを参照し(ソースを参照)、エントリタイトル部分を見つけます。すると、<div class="post-headline">というタグの中の<h2>の中身が、エントリタイトル部分と分かります。
3. テーマ「Atahualpa」のソースの中から、grep等で「post-headline」を検索します。すると、index.phpの88行目辺りがヒットします。
4. index.phpの88行目を見てみると、確かにここがエントリタイトル部分であると分かります。今回は左端にGravatarの画像を入れたいので、下記のコードをh2の直後に入れます。

   <?php echo get_avatar(get_the_author_email(), 24);?> // 24は、画像のサイズ

5. あとは保存して、ページをリロードするだけです。一覧および個別のページで、エントリタイトル部分の左端にGravatar画像が表示されているはずです。

WordPressはよくできている

余談ですがWordPressは大変よく出来ているアプリケーションなので、勉強になる点が多いです。