WordPress2.5以上で、自分のアバターを設定・表示させる方法。 このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加

えー、色々調べてみた結果、
日本語版WordPressには、Ver.2.6.2時点でアバター設定機能はデフォルト実装されていないと、分かりました。
※ただし、無料ブログサービスの「WordPress.com」に実装されているバージョンには、「my picture」という項目があり、
  アバター設定機能がデフォルト実装されている。

なので、今日は「Gravatar」という無料汎用アバターサービスを使って、
WordPress2.5以上で、自分のアバターを設定する方法をご紹介します。

・必要な物(管理者・購読者共通)
  ・ブログでコメントする際に使用しているメールアドレス
  ・アバターに利用したい画像(サイズ不問、jpeg推奨)

・必要な作業(管理者・購読者共通)
  ・アバターに利用したい画像を、「Gravatar」にサインアップしてアップロード

・必要な作業(管理者のみ)
  ・WordPress(ブログ)内、アバターを表示させたい場所への、phpソースコードの埋め込み
 



まずは http://en.gravatar.com/ にアクセスし、サインアップ。
 


ブログでコメントする際に使用しているメールアドレス(=アバター画像と紐付けるメールアドレス)を入力し、
「Signup」をクリック。

 


そのメールアドレスが新規であれば、上記の画面が出てくるので、「OK~」をクリック。
 


この画面が出てきた時点で、最終認証用のページURLが記載されたメールが、
登録したアドレスに届いているので、それを受信。

 


メールに記載された認証ページに、ブラウザでアクセスする。
 


表示されているメールアドレスが自分の物である事を確認し、ニックネーム、パスワードを入力し、「Signup」をクリック。
 


これでユーザー登録は完了。
続いてアバター画像を登録したい場合は、「Add one by clicking here!」をクリック。

 


・自分のローカルPC
・インターネットから(画像のURL)
・「WordPress.com」に登録されている、「my picture」からインポート
の、3種類から選択出来るが、ここでは一番ポピュラー且つ無難な、自分のローカルPCから取り込む方法を選択。

 


アバターに使用したい画像のフルパスを入力し、「Next」をクリック。
この時指定する画像のサイズは任意。その画像を “範囲選択” してアバターを作成する為。
ただし、読み込み(Gravatarへのアップロード)がかなり遅い為、極力サイズを小さくしてから読み込ませる事を推奨。

 


アップロード後の画面。白四角枠内が、アバターになる範囲。
 



アバター範囲の選択が終わったら、「Crop and Finish!」をクリック。
 


ここで画像のカテゴライズを指定。通常の画像は「G」をクリックでOK。
アダルト、暴力的表現が含まれるなど、 “アブノーマル” な画像の場合は、適宜指定を変える。

 


これで、アバターの “追加” が完了。
 


“追加” されたアバター画像をクリックすると、「Confirm」(確定)ボタンが出てくるので、さらにこれをクリック。
※画像が違うのはスルーでお願いします。
 


・アバターを削除したい場合
  アバター画像にマウスカーソルを重ねると、「カテゴリー変更」と、「削除」ボタンが出てくる。

 


確認ダイアログが出てくるので、「OK」をクリック。
 


削除完了。
この後、画像の追加をする場合、必ずアバター画像をクリックし、「Confirm」(確定)しないと反映されないので注意。

 


 

アバターを表示させるソースコード(php)
 
<?php echo get_avatar( get_comment_author_email(), ’50′ ) ?>
 
右端の数字がアバター画像の大きさを表す。
ちなみに当サイトは「50」。テーマのデフォルトは「32」。
コメ欄に表示させる場合は、「comments.php」に、追記することになります。

  


こんな感じで表示されます。
 


 
以上です。お役に立てたら幸いです。
※「Cox Café」様の、「WordPress 2.5のコメント欄でGravatarのアバターを表示させる」を参考にさせていただきました。
 
 

Tags: , ,

add to hatena hatena.comment (0) add to del.icio.us (0) add to livedoor.clip (0) add to Yahoo!Bookmark (0) Total: 0

2 Responses to “WordPress2.5以上で、自分のアバターを設定・表示させる方法。”

  1. */ -> 七夜月 Says:

    めんどくさs(ry

  2. */ -> hattrick Says:

    >七
    いやいやいや、簡単だから。やってみれって。

    つーか、
    「鳥好きさん」の為に、鳥をいっぱい撮ってきたんだから、ズーラシアの方も反応plz。

Leave a Reply

Calendar
2010年7月
« 5月    
 1234
567891011
12131415161718
19202122232425
262728293031