頑張らない!でも諦めない!必死にならずにええかげん

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

      2014/11/22

Google or AdMax Promotion(it)

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

はじめに

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

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

Gravatar ホバーカード

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

Gravatar ホバーカード

ホバーカードって ?

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

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

01_JetPackGravatar ホバーカード詳細

JetPackGravatar ホバーカード詳細

設定方法

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

アバターの有効化

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

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

02_WordPressアバター表示オプション

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

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

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

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

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

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

04_Gravatarホバーカードプレビュー

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

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

Gravatar ホバーカードの表示

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

05_Gravatarホバーカード

Gravatarホバーカード

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

06_Gravatarプロフィールページ

Gravatarプロフィールページ

アバター(アイコン)表示

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

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

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

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

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

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

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

余談

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

08_Gravatarアカウントデフォルトアイコン

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

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

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

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

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

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

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

参考

Gravatar Hovercards — Support — WordPress.com


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

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。
アルゴリズン


役に立ったと思っていただけたら、以下からシェア頂けたら幸いです^^

QRコードからもこのURLを開けます。

Pitta Promotion

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
ロゴの使用等に関する苦情・ご意見等がございましたら管理者までご連絡ください。

AdMax Promotion

カテゴリ
すべて展開 | すべて省略

Rakuten Promotion

 - jetpack, WordPress , ,

  関連記事