vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間11万PV〜。

WordPressにGravatarを導入してアバターを設定してみよう!

      2015/10/11

LINEで送る
Pocket

wp-gravatar
こんにちは、okutani(@okutani_t)です。WordPressでは、デフォルトでサイト訪問者がコメントを残せる機能が備わっています。

デフォルトのコメント機能ではアバター画像が使えるのですが、初期設定のままだと自分の好きな画像を使うことができません。

そこで、「Gravatar(グラバター)」というサービスを利用することで、自由にアバター画像を設定できるので、本記事でご紹介します。

スポンサーリンク

Gravatarに登録する

では、下記サイトよりGravatarの登録作業を行っていきましょう。

LINKGravatar – グローバルに認識されるアバター

ページを開いたら「Gravatarを作成」ボタンをクリックします。

wp-gravatar1

メールアドレス」「ユーザー名」「パスワード」を入力して「Sign up→」を選択。ここでのメールアドレスは、管理しているWordPressサイトで設定したメールアドレスと同じものを入力しましょう。

wp-gravatar2

登録したメールアドレスにメールが送られてくるので、「Activate Account」をクリック、「Sing in to Gravatar」を選択するとGravatarの登録が完了します。

プロフィール写真を登録する

次にプロフィール写真(アバター画像)を登録していきましょう。

下記の画面が表示されたら「ここをクリックして追加してください!」を選択します(すでに登録されているアドレスの画面なので、表記が多少違うかもしれません)。

wp-gravatar3

画像の取得方法の選択画面が表示されるので、「自分のパソコンのハードドライブ」を選択します。

wp-gravatar4

「ファイルを選択」ボタンからアバターにしたい画像を選択後、「次へ」ボタンをクリックします。

wp-gravatar5

次に画像のトリミングを行います。自分の表示させたい箇所を範囲指定しましょう。

wp-gravatar6

レーティングは「G」を選択します。もし暴力、性的表現等が含まれた画像を使う場合は適宜別のレートを選択します。

wp-gravatar7

これでアバター画像の設定が完了しました。

アバター画像が反映されているか確認

アバター画像の確認はダッシュボードから確認できます。「ユーザー」→「ユーザー一覧」をクリック。

wp-gravatar8

無事にアバター画像が登録されていれば、先程設定した画像が表示されています。

wp-gravatar10

アバター画像が適切に設定されていることが確認できました!

まとめ

サイトを運営する上で訪問者とやりとりする場合は、ひと目で管理者とわかるとよいですね。

また、アバター画像を設定することで、サイトの個性もあがるのでアクセス数UPに繋がるかと思います。

追記:Disqusプラグインでさらに便利に

Disqusプラグインを使うことで、デフォルトのコメント機能を簡単にパワーアップすることができます。興味がある方は一読してみてください。

DISQUSでWordPressのコメント欄をパワーアップしよう!
こんにちは、okutani(@okutani_t)です。WordPressサイトのコメント欄を簡単にパワー...
2015-03-20 06:10
はてブ

この記事が気に入ったら
いいね ! しよう

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
デフォルトのコメント欄を使わずに外部のコメントアプリをプラグインで導入する方法もあります。今後その記事も紹介できたらいいなと思います。※Disqus導入記事を追記しました。

 - WordPress

スポンサーリンク

PC用AdSense

PC用AdSense

Share
  • このエントリーをはてなブックマークに追加

  こちらの関連記事もどうぞ

初心者でもOK!WordPress有料テーマ「New Standard」を使ってみよう【PR記事】

こんにちは、okutani(@okutani_t)です。最近はPHPをせこせこ書 …

ロリポップのWordPressデータベースを手動バックアップする方法

こんにちは、okutani(@okutani_t)です。みなさんはWordPre …

WordPressサイトをGitで管理。Macローカル開発環境編

みなさんはちゃんと「WordPressのバージョン管理」してますか? 変な修正を …

[WordPress] 記事下の一言コメントをCSSで装飾してみた

こんにちは、okutani(@okutani_t)です。以前、WordPress …

ロリポップにWordPress導入&ムームードメインの独自ドメインを設定する

こんにちは、okutani(@okutani_t)です。本記事では、「ロリポップ …

WordPress記事内の画像に影をつける方法

こんにちは、okutani(@okutani_t)です。WordPressサイト …

[初心者向け]これだけ読めばOK!WordPress記事投稿の全工程まとめ

こんにちは、okutani(@okutani_t)です。本記事では、WordPr …

本番環境のWordPressサイトを『VCCW+WordMove』でローカルと同期!

こんにちは、okutani(@okutani_t)です。VCCWを使うとWord …

WordPressにFeedlyを設置しよう!Feedlyボタンの設置方法3つ

こんにちは、okutani(@okutani_t)です。ブログを運営する上で行っ …

WordPress投稿ページにPHP利用→ショートコードを使おう!

こんにちは、okutani(@okutani_t)です。WordPressではP …

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。