WordPressでアバターを表示するGravatar!アイコン画像を登録して使う方法

シェアする

ブログのアイコンGravatar初期設定

WordPressでは、Gravatarのアバター画像を使用してアイコンを表示させる機能がついています。ブログのアイコンが表示されていないなら、Gravatarの初期設定をしてみてください。

設定方法がよくわからないけど、使いたい!ブログに自分のアイコンが表示されてないけど、表示させるには、どうすれば良いか分からないあなたの為のページです♪

メールアドレスの変更や追加でアイコンを表示させるGravatarの使い方また今度^^

そもそもGravatarって何なの!?ってところから説明しますね。

スポンサーリンク

Gravatarって何?どこに画像が出力されるの!?

Gravatarは運営中のブログに、自分の専用の画像を表示させるアイコン画像(アバター)をアップしたら、ブログ運営者のなまえ横に画像を表示することができるもの。っと考えてもらったら、ここでは解りやすいです^^

WordPressのどこにアイコンが出力される!?

  • コメントしたとき。
コメント欄の画像

コメント欄の画像

  • ユーザーのプロフィール写真に。
プロフィールからブログに表示された画像

プロフィールからブログに表示された画像

管理画面のプロフィールの画像

管理画面のプロフィールの画像

  • 管理画面のユーザー一覧
ユーザー一覧にも

ユーザー一覧にも

  • 管理画面、右上のニックネームの右側
WordPressの管理画面、右上の小さい画像

管理画面、右上の画像

Gravatarで出力されないアイコンは!?

ブログ関連でも出力されない場所は、管理画面以外で表示されるファビコンですね。例えばブラウザの上にタブや、ブックマークしたとき表示している画像がファビコンなので、また別に設定が必要になります。

ブラウザのタブにあるファビコン

ブラウザのアイコン、ファビコンの設定がまだなら、どうぞ^^

LINKWordPress、ファビコンの可視化設定、カスタマイズ方法

ブログのアイコン(アバター)はGravatarで出力っと言う違いです。

Gravatarでプロフィール画像を新規登録する方法

WordPress管理画面の外観、ユーザー、あなたのプロフィール内にある、プロフィール写真にアイコン画像表示されてないので、Gravatarでアカウントを登録します。

管理画面から登録画面へ向かう

管理画面から登録画面へ向かう

WordPressの管理画面にリンクがない場合は、Gravatarへ向かって、下記▼画像の中ほど

『Gravatarを作成』をクリック。

『Gravatarを作成』をクリック。

アカウント作成画面に移るので、画像の通り記入していきます。

Gravatar登録画面。

Gravatar登録画面。

画像のアカウント作成画面を上から説明しますね。

  1. E-mail Address
    WordPressの管理画面、『ユーザー』より『あなたのプロフィール』の『メールアドレス』を入力
    WordPressダッシュボード内:メールアドレスの場所
  2. User name
    ユーザー名がかぶってる場合は、OKのチェック✔が入るものを
  3. Password
    パスワードを入力
  4. Sign upをクリック

すると、確認メールを送ったから登録完了させてね。と言うメッセージが出てきます。

登録したメールアドレスにメールが届いたか確認する

登録したメールアドレスにメールが届いたか確認してね画面

届いたメールアドレスを確認して、アカウントを有効にする

メールはすぐに届きました。その内容はざっくり下記のとおり。

Gravatarをサインアップして、WordPress.comのアカウントを作ったよ。アカウントを有効にするにはリンクをクリックしてね。おめでとぉ!みたいな❦

ただ迷惑メールフォルダに振り分けられたので、リンクを踏めませんでした。迷惑メールではないので受信メールへ移動し、リンクをクリック。登録を有効化させます。

  • 受信メールだけでなく、迷惑メールフォルダもチェックしてくださいね♪
Gravatarからのメール画面

Gravatarからのメール画面

青いリンク『Activate Account』をクリックしたらOK!

Gravatarにアイコン画像を登録する

WordPressでつかうアバターをアップする方法です。サインアップの続きになりますが、もしログアウトしていたら、Gravatarの画像のアップ画面よりログインしてくださいね。

Upload imageの、『Upload image』をクリック。

Upload imageの、『Upload image』をクリック。

つぎに、ファイルを選択する画面になります。

アバターにしたい画像を選択。次へをクリック。

アバターにしたい画像を選択したら、次へをクリック。

下記▼のように画像の編集をして、プレビューを確認してください。

くり抜いて完成をクリック。

完成したら、『切り抜いて完成』をクリック。

これで、ワードプレス管理画面に戻ってブラウザを更新すると、『こんにちは。かうたっくさん!』の右側にアイコンが表示されます。

WordPressの管理画面、右上の小さい画像

管理画面、右上の小さい画像

ポイント

サブドメインなどで同じアイコンを使いたい場合、メールアドレスを同じものにしてると、同じアバターを表示できます。

外部サイト用コメント欄のアイコンなど追加したい

外部サイト用コメント欄に、いつものWordPressのメールアドレスではないアドレスを追加した場合、アイコンが表示されず灰色の状態のままです。

またWordPressのアドレスを変更した場合も、管理画面や自ブログのコメント欄に画像が表示されなくなります。

現在持ってるアカウントに、メールアドレスを追加して表示することが可能です。やり方は簡単ですが、やってる方が少ないので、その工程を書いたページを作成しました。

LINKWordPress管理画面・(外部)コメント欄で、自分のアイコン・アバターが消えた!Gravatar設定したら表示されるよ

表示させたいのに、何となくアイコンが灰色のままでしたら、簡単にできるので追加してみてくださいね^^

さいごに

Gravatarを初めて登録してから1年半。再度やってみると、やっぱり意味が分かりませんでした。1年9か月たった今、思い立って、たくさん設定しまくった結果。。。

結構簡単だって気付きました(*´▽`*)

めったに設定しないですけど、お役にたてればうれしいです^^

それでは、かうたっくでした!

スポンサーリンクと関連記事

関連記事(広告含む時あり)

シェアする

フォローする

  • Follow Me →
スポンサーリンク
トップへ戻る