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

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

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

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

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

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

スポンサーリンク

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

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

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

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

コメント欄の画像

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

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

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

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

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

ユーザー一覧にも

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

管理画面、右上の画像

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

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

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

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

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

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

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

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

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

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

リンク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の管理画面、右上の小さい画像

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

ポイント

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

さいごに

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

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

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

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

書いた人:かうたっく

何も知らない初心者ですが、WordPressでブログを始めました。 ブログの技術系でつまずいたエラーを経験したことからエラー関連を、初心者が初心者に向けて分かりやすい言葉で書いてます★子どもの喘息様気管支炎や、幼い子どもとの生活ページなどよく読まれる雑多ブログを運営中^^♪ご意見、感想、質問はお問い合せよりお待ちしています。

Twitterフォロー