WPプラグインのwp-gravatarを入れてみた。これは、コメントをすると登録したアバターが表示されるというもので、登録してない人のアバターとしてデフォルトアバターも設定することができます。
まずは自分のアバターを無料登録しましょう。1つのメールアドレスに付1つのアバターが無料で登録できて、複数のアバターを使いたい時には新たにメールアドレスを登録するか、5ドル出すと1つのアカウントで複数アバターオプションがあるようです。
無料登録して、アバターをアップロードしたら一応審査があって、G,PG,R,Xのうちの1つにランクづけされます。これによって自分のサイトにどのランク以上のアバターを表示するかを選択でき、変な画像のアバターは表示されないようになってます。登録できるアバターの大きさは80×80です。
プラグインをダウンロードしてpluginsフォルダにいれ有効化したら、comments.phpの好きなところにgravatarのコードを記入します。
<?php gravatar(); ?>
ランクR以上のアバターだけを表示したい時
<?php gravatar("R"); ?>
さらにサイズを40に変更したい時
<?php gravatar("R", 40); ?>
アバター登録していない人のデフォルト画像に自分で設定したアバターを使いたい時
<?php gravatar("R", 40, "http://www.somewhere.com/heatvision.jpg"); ?>
アバターを表示させるには、このコードだけでは駄目で、必ずこれを<img src="">と一緒に使ってください。
<div class="gravatar">などでくくってCSSでスタイルを設定もできます。(私はなぜか、デフォルトのアバター設定のURLに”www”を入れたら画像表示がうまくされませんでした。)
Gravatarが落ちていると自分のアバターも表示されないようで、これを解決する方法や、Gravatarの登録リンクを表示するプラグインも出ています。早速Gravatar登録プラグインも入れてみましたので良かったら試してみてください。チェックボックスにチェックして、希望パスワードを入力しそのままコメントを普通に送れば、入力したアドレス宛にGravatarから確認メールが届き、そのメール内のURLをクリックすれば登録は完了です。あとはそのメールアドレスとパスワードでGravatarサイトにログインして自分のアバター(サイズは80×80px)をアップロードすれば完了です。
今回私は、themeフォルダの中のimagesフォルダの中にアバター登録してない人のデフォルトアバター(nogravatar.gif)を入れました。サイズは50に変更、ランクはR以上の設定にしました。Wordpressはwp-directoryに入っていてyourthemeというThemeを使っていると想定した時のコードはこんな感じです。
<div class="gravatar"><img src="<?php gravatar("R", 50, "http://yourdomain.com/wp-directory/wp-content/themes/yourtheme/images/nogravatar.gif"); ?"> title="<?php comment_author(); ?>'s Gravatar" height="50" width="50" alt="Gravatar" /></div>
私が書いた場所は
<h3 class="commenttitle">
と
<?php comment_author_link() ?> <?php _e('Said'); ?></h3>
の間で、スタイルシートでは、class=”gravatar”としたので、gravatarというクラスを使って、写真のスタイルを変更できます。この名前は好きなのに変更しても大丈夫です。