アクセス数: | 今日: | 昨日:   記事数:996

HOMESITE MAPBOOKMARKTAG CLOUD

【WordPress】自分のコメントにアバターを付ける

『【WordPress】自分のコメントにアバターを付ける』をはてなブックマーク

赤魔導師コメントをつける所に、自分のアバターを表示させよう。
って事で、表示させてみました。
アバターって言うと、『Yahoo!アバター』とかを思い浮かべますが、そんな大層なものではなく自分の好みの画像でOKです。

表示させるには『Gravatar』と言うサイトに登録する必要があります。

最低限必要なものは、『メールアドレス』、『アバター表示させる画像』。
この2つだけです。
登録したメールアドレスをコメントする時に打ち込むと、それで判別してアバターを表示させる仕組みらしいです。
メールアドレスは非公開だし、サイトの管理人しか分かりません。
見知らぬブログに打ち込むのは躊躇すると思いますが、仲の良い人のブログなら安心かもしれません。
以下は登録方法から導入方法まで。

まず、『Cravatar』にアクセスします。
Gravatar
赤で囲んだ『Sign up now!』をクリック。

メールアドレスを求められるので、登録するメールアドレスを入力します。
Gravatar
入力したら、『Signup』のボタンをクリック。

登録したメールアドレス宛てにメールが届きます。
Gravatar
メーラーを開いて、メールを確認しましょう。
メール内容で、一番上に貼られているリンクにアクセスします。

http://en.gravatar.com/accounts/activate/登録メールアドレス/**********
(***) は個人によって変わります。

登録したメールアドレスに対してのアカウント情報を入力します。
Gravatar
ニックネーム(Nickname)は海外のサービスなので、日本語はもちろん使えません。
ニックネーム、パスワード(2回)を入力し、『Signup』ボタンをクリック。

画像をアップロードします。
Gravatar
自分のPCからアップする場合は、赤く囲んだ『My computer’s hard drive』をクリック。
サーバー上にある画像だと、2番目の『An image on the internet』をクリック。
3番目は WEBカメラかな…?

無事画像がアップされたら、画像のトリミングをします。
Gravatar
マウスで操作して表示させたい部分を選択しましょう。
全て選びたい場合は、中央にある点線部分を左上にもって行き、右下に目いっぱい伸ばせばOK。
Gravatar
表示させたいトリミング作業が完了したら、『Crop and Finish!』ボタンをクリック。

Rate を選べるようですが、分からない人は『G Rated』を選べばOK。
正直、私も分かっていません。w
Gravatar

これで登録完了。
Gravatar
1つのニックネーム・パスワードに対して、いくつもメールアドレスを追加できます。
そのメールアドレスに対して、別々の画像を設定できます。

設定してから表示されるまで数分かかります。
今までメールアドレスを入力してコメントしてたものも反映されます。
ただ、そのブログがアバター表示設定をしていなければ、全くの無意味ですが・・・。

アナタもアバター表示させてコメントしてみませんか?


V.J.Catkick@
覚書:アバター

Trackback URL

リンク先が18禁サイトの場合は削除しています。
当ブログにリンクが貼られていない場合は削除しています。

トラックバック (3)

  1. アキバデザイン事務所日誌 » Blog Archive » wordpressコメントに画像(アバター)を表示する
    [...] 米が好き | 【WordPress】自分のコメントにアバターを付ける [...]
  2. wordpressコメントに画像(アバター)を表示する
    [...] 米が好き | 【WordPress】自分のコメントにアバターを付ける [...]
  3. コメントに顔写真を表示する方法 | BOPPERS
    [...] やり方は詳しく説明されているサイトがあります。 【WordPress】自分のコメントにアバターを付ける [...]

コメントを書く

必須です。

必須です。(公開されません)
GRAVATARに登録していると、アイコンが表示されます。

リンク先が18禁サイトの場合は削除しています。

以下のタグが利用出来ます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Additional comments powered by BackType