2008/04/07 (Mon)

テーマにアバターを導入する方法 (WP 2.5+)

WordPress2.5 から実装された Gravatar (グラバター ) 機能(アバター表示)。Photo-Biyori アップデートの時に使えるようにしようと、デフォルトのテーマを参考にしながらごにょごにょやってみたので、その導入メモ。2.5に対応しているテーマには既に組み込まれているはず。以下の方法はコメント欄に導入する場合です。

テーマファイル内の comments.php (ポップアップを使っている場合は comments-popup.php) の<?php comment_text() ?>の直前、またはその近く∗1に以下のようなコードを追加。

<?php echo get_avatar( $comment, '32' ); ?>

32は表示されるアバターのサイズなので、適宜変更。

挿入されるアバターは .avatar というクラスで定義されるのでstyle.cssに以下のようなスタイルを追加。

.commentlist li .avatar { 
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}

.commentlist liの部分はテーマによって違うので要確認。このコードだとデフォルトのようにコメント欄の右はしにアバターが表示されます。
avatar_sample.jpg

最後に管理パネルの設定 > ディスカッション設定のアバター設定が、アバターを表示するになっていることを確認。簡単導入です。:)

アバターはgravatar.comで登録します。登録したメールアドレスをコメントに使用すると、そのアバターが表示されます。画像の変更はいつでも可能。

さらに詳しい説明は↓
わーどぷれすっ!» Gravatars と WordPress 2.5
WordPress Codex > Using Gravatars(英文)

  1. コメント欄のレイアウトによるので、WP2.5 に同梱されているデフォルトテーマのファイル参照。[]


  (Required)


  (Required)