13.Gravatar ホバーカード－Jetpack by WordPress.com

2014/01/09 2014/11/22

wordpressを利用していて一番利用されているプラグインが、
このwordpress.comが提供しているJetPackではないでしょうか。
JetPackプラグインは機能が多いのですが、
ここでは「Gravatar ホバーカード」の機能についてご紹介します。

はじめに

Jetpack by WordPress.comのすべての機能を使っているでしょうか。
私はこれまで必要なものだけを使って、ほかの機能はあまり気にしていない状態でした。

ざっと全体の機能を確認しましたので、ご紹介しておきます。

Gravatar ホバーカード

Jetpack の一括検索の機能概要は以下のように表示されます。

Gravatar ホバーカード

ホバーカードって ?

Gravatar ホバーカードは、名前、プロフィール情報、写真、連絡先、その他の利用サービスといった情報を表示します。

ホバーカードを表示するには、ブログ内でコメントの付いている投稿に移動してください。コメント投稿者が Gravatar に連動したホバーカードを持っている場合、画像にマウスオーバーするとホバーカードが表示されます。ホバーカードを無効化するには、上記の「無効化」ボタンをクリックしてください。

JetPackGravatar ホバーカード詳細

設定方法

設定は有効にしたのちに、
アバター表示を行う設定とGravatar ホバーカードを表示する設定を行う必要があります。

アバターの有効化

Gravatar ホバーカードの表示に際しては、
Wordpressのコメントが有効な投稿で、アバター表示が有効である必要があります。

WordPressダッシュボードの[設定]-[ディスカッション]を選択し、
ディスカッション設定内の「アバター」部分で[アバターを表示する]にチェックを付与します。

WordPressアバター表示オプション

JetPackの「Gravatar ホバーカード」を有効にした際に表示されるオプションの、
[Gravatar をマウスオーバーしたときにプロフィールを表示]にチェックを付与します。

チェックを有効にした際には、Gravatarアイコンが表示されます。
※JetPackに連携しているWordPress.comアカウントに紐づいたGravatarアカウントのアイコン

Gravatarホバーカード表示オプション

また、アイコンをマウスオーバーするとホバーカードがプレビューされます。

Gravatarホバーカードプレビュー

これでGravatarアイコンを設定しているメールアドレスでコメントしてくれた人は、
Gravatarアイコンの表示とホバーカードのポップアップがされます。

Gravatar ホバーカードの表示

「Gravatar ホバーカード」はWordpressサイトに設置されたコメント入力機能で、
コメントを入力を行う時にコメント者が入力したメールアドレスに基づいて、
Gravatarアカウントを取得してGravatar ホバーカードの表示を行います。

Gravatarホバーカード

ホバーカード内の[View Complete Plofile]をクリックすると、
Gravatarアカウントのプロフィールページが表示されます。（千代田区在住は誤りです）
アルゴリズン, 東京都千代田区 – Gravatar プロフィール

Gravatarプロフィールページ

アバター（アイコン）表示

アバター（アイコン）表示のみであれば、
Gravatar ホバーカードが無効でも自動的にWordPressがメールアドレスからGravatarを検索し、
Gravatarアカウントに設定されているアイコンを表示してくれます。

WordPressアバター表示(Gravatarアカウント)

その為、外部SNSなどを認証に利用してコメント入力を行う、
Jetpack コメントを利用したような場合でも、コメント入力時に登録されたメールアドレスのみで、
Gravatarアカウントのアバター（アイコン）が表示されます。

詳細は以下でご紹介しています。
WordPressのコメント入力者の名前の横に表示される空白は何か

投稿とアバター表示パターン

余談

こうしてメールアドレスから自動的に取得されるGravatarアカウントのアバター（アイコン）ですが、
なんとなく、Gravatarアカウントを取得したままにしていると、
偶然コメントを行ったブログで自分に表示されるアイコンが悲しいことになります。
WordPress.ORGのやり方がうまい

Gravatarアカウントデフォルトアイコン

ちゃんとGravatarアカウントを取得してしまった以上は、
何かしらのアイコンは設定しておきたいものですね。

さいごに

JetPackのGravatar ホバーカードは特に必要という機能ではありませんが、
WordPress.comコミュニティーなどでの知人が多い方には、
Gravatarは標準的に利用されているプロフィールカードでしょう。

コメントを入力してくれた方がWordPress.comアカウントでログインし、
コメントを入力してくれた場合には、このホバーカードが表示されるので、
ちょっとリッチな感じがするかもしれません。

他のコメントシステム併用時は注意

尚、当サイトではDisqusコメントシステムを採用していますが、
Disqusコメントを併用した場合には、
GravatarのホバーカードはDisqusのホバーカードの表示で置き換えられます。

参考

Gravatar Hovercards — Support — WordPress.com

WordPressはWordPress Foundation の登録商標（第５０４９９６５号）です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。
VaultPressは、Automattic Inc.の登録商標(第５４１６９９０号)です。