アバター機能としてWordPressに標準で装備されるGravatarには、Hovercards（ポップアップカード）と呼ばれる拡張機能を備えています。Hovercardsは、Gravatarのプロフィール画像（アバター）にマウスオーバーするとプロフィールの概要がカード形式で表示される機能です。
https://www.blogging-life.com/set-up-gravatar/
Gravatarのホームページ の上部には、WordPressの共同創業者でAutomatticの創業者、Matt MullenwegさんのHovercardsが表示されています。
Gravatar Hovercardsの特徴
Gravatarプロフィールへの効果的なプロモーション
Gravatarの画像にマウスオーバーするとHovercardsが表示されることで、プロフィールページへの誘導、紹介を視覚的にアピールします。ポッポアップでもユーザーエクスペリエンスを阻害せず、自然な感じで表示されます。
Jetpackをインストールするだけで使える
Hovercardsを設定するための作業はありません。プラグインのJetpackをインストールするだけです。
ユーザーエンゲージメントの増加に寄与する
HovercardsからGravatar プロフィールを表示して、プロフィール内に表示されるSNSアカウントや運営サイトへのリンクのクリックなど、ユーザーエンゲージメントの機会を増やす効果があります。
魅力的なプロフィールページにすればするほど、効果も高くなります。
Gravatar Hovercardsの利用、表示例
サイドバーのプロフィール画像から表示
本サイトのサイドバーのプロフィール画像をマウスオーバーした時のHovercardsの表示例です。
コメント欄のプロフィール画像から表示
コメント欄に投稿してプロフィール画像が表示されている場合の表示例です。
その他
本記事ではプロフィールとコメント欄のみ紹介しておりますが、Gravatarの画像が表示されている場所であれば、どこでもHovercardsも表示可能です。
Hovercardsの表示と表示利用例
Hovercardsの表示例とクリックした後のGravatarプロフィール画面、プロフィールに表示されるSNSや運営するウェッブサイトへのリンクなどの利用の流れを紹介した動画です。
Hovercardsを表示させない・無効にする方法
Jetpackをインストールすると、デフォルトの設定でHovercardsは有効になっているため、そのまま使うことができます。Hovercardsを表示させたくない場合は、以下の手順で無効にします。
- WordPressの管理画面の[Jetpack]をクリックして、［設定］ページを表示させます。
- ［設定］ページの上部に表示される”Discussion”タブをクリックします。
- 「コメント投稿者のGravatar 画像上でポップアップカードを有効化する。」の左にあるスイッチを左にスライドしてOFFにします。
コメントを残す（承認後表示されます）