WordPress で Gravatar を使ってみよー!

WordPress で Gravatar を使う!

名付けて「グラバタプレスカー」!!ぷっぷー

アイコンを WordPress に!

前回のポストで Gravatar にも登録したのであとは WordPress に表示できるように設定するだけです!
Free の Theme を使っている人は既に対応している可能性もあるのでよく調べてからやってみてくださ〜いw

アイコンを表示する方法は?

ベーシックなやり方だと、comments.php のループでコメントを表示させているあたりにアバターを表示する関数を書いてあげれば OK なんだと思います!

もしかすると WordPress のバージョンによっては、これから説明する方法でアイコンが出ない場合もあるかもしれません。(古いバージョンの WordPress とか…)お使いの WordpPress のバージョンを確認してみてください。わたしは今の最新の バージョン 3.0.3 を使っています。

WordPress のダッシュボード

バージョンはダッシュボードの右下で確認できます。

アイコン表示する関数!

get_avatar() の関数を使うだけ!

<?php echo get_avatar( $id_or_email, $size, $default, $alt ); ?>

パラメーターは以下の内容です。

id_or_email

作者の ユーザーID か電子メールアドレスかコメントループでのコメントオブジェクト。
初期値: なし

size

グラバターのサイズを指定します (最大 512)
初期値: 96

default

画像へのURLデフォルト: “Mystery Man”
初期値: なし

alt

Alternate(代替)text for the avatar.
初期値: なし

詳しくは下記リンクを!
Function Reference/get avatar « WordPress Codex
関数リファレンス/get avatar – WordPress Codex 日本語版

具体的には…

「hoge」さんのメールアドレス「hoge@abc.com」で、アイコンのサイズは「77」ピクセルで、イメージの種類は「幾何学的」を指定して、イメージに入れたい alt の内容を「hogeのイメージ」だとすると〜!

get_avatar("hoge@abc.com","77","identicon","hogeのイメージ");
hogeのイメージ

↑↑ 実際に表示させるとこんな感じになります!

default の引数部分にはURLの他に下記などが指定できるみたいです。

  • 404: イメージを読み込まない
  • mm: ミステリーマン(mystery-man)
  • identicon: 幾何学的な物
  • monsterid: モンスター?
  • wavatar: 自動生成された顔?
  • retro: 8bit アーケード?昔のインベーダーみたいのかな?w
Gravatar のサンプル画像

※ 左から「mm」「identicon」「monsterid」「retro」です。

comments.php に書く!

では実際にやってみましょ〜!
comments.php は、みなさんが使っている Theme を修正してください。/wp-content/themes/テーマ名/comments.php あたりにあると思います。

わたしはコメントを表示させているループの中にこう書いています。

<?php echo get_avatar( get_comment_author_email(), '50' ); ?>

id_or_email の引数に get_comment_author_email() を指定して size は 50 を指定しています。get_comment_author_email() はコメント記入者のメールアドレスが返ってきます。50 は、そのままで 50ピクセルで表示されます。

WordPress の設定と連動しています!

ここと連動してるよ〜と言う内容も書いておきます。

WordPress のディスカッション設定の画面

管理画面のメニュー → 設定 → ディスカッション を開きます。

WordPress のディスカッション設定のアバターセクションの画面

下にスクロールするとアバターって項目が出てきます。

これは Theme でのcomments.php で get_avatar() の関数が入ってることを前提として、表示されているんだと思います。get_avatar() 関数や gravatar() 関数(ここでは説明していません)で設定または指定していない場合は、ここの設定が適用されるのだと思います。
 

ほぼひとり言

Gravatar も WordPress もよく出来ていますよね〜w
知れば知るほど感心しますw
みなさんもコメント欄にアイコンを表示させて楽しいコミュニケーションをしてくださ〜いw