Gravatar™プロフィールウィジェットをJetpackを利用して表示する

2014/01/28 2014/11/22

Gravatar™プロフィールは利用しているでしょうか。
プロフィールと言えばGoogle＋などが普及していますが、
Gravatarにアイコン画像などを登録している場合は、
WordPressのウィジェットを利用してプロフィールを表示することができます。

はじめに

GravatarプロフィールはWordPressを利用しているとよく目にするプロフィールです。
WordPress.orgのコミュニティーでディスカッションするときに、
表示されるアイコンもGravatarです。

当然、WordPressのコメントを行う時にも利用することができます。
そうしたGravatarのプロフィールをウィジェットで表示することができます。

環境

WordPress: 3.7.1
JetPack: 2.5

2014/01/21現在のJetPackバージョンは2.7ですが、
以下の相性の問題がありましたので、2.5を採用しています。
JetPackのカスタムCSSエディタのACE Code Editorが表示されない場合

利用方法

Gravatarプロフィールウィジェットを利用するには、JetPackを有効化する必要があります。

詳細は以下でご紹介しています。
23.追加ウィジェット－Jetpack by WordPress.com

JetPackを有効化し、追加ウィジェットの機能を有効にすると、
[外観]-[ウィジェット]を選択して「ウィジェット」を表示します。

ウィジェットの使用できるウィジェットのエリアに対して、
「Gravatarプロフィール(JetPack)」が表示されます。

Gravatarプロフィールウィジェット

表示されているウィジェットをサイドバーなどの表示したいエリアに対してドラッグします。

Gravatarプロフィールウィジェット設置

ドラッグしたウィジェットを編集し設定を行います。

Gravatarプロフィールウィジェット設定

Gravatar プロフィール (Jetpack)

Gravatar プロフィールの概要は以下の通りです。

Gravatar ミニプロフィールを表示

Gravatar プロフィールの表示にはGravatarに登録する必要があります。
一応、Gravatarの説明は以下で確認できます。
Gravatar – グローバルに認識されるアバター (Globally Recognized Avatars)

設定

設定項目を順を追って記載します。

タイトル

タイトルにはウィジェットタイトルを入力します。
入力した文字がそのままウィジェットのタイトルとして表示されます。

設定・タイトル

ユーザーを選択するか、「カスタム」を選んでメールアドレスを入力します。

Gravatorの仕組みとしてアイコンを取得する基準となるものが、メールアドレスです。
Gravatorにアイコンを登録した際に利用したメールアドレスに基づいてプロフィールが取得されます。

この設定ではWordPressに登録済みのユーザーのメールアドレスを基準に、
Gravatorプロフィールにリンクされます。

また直接、メールアドレスを入力してリンクさせることも可能です。

その為、選択したユーザーのメールアドレスがGravatorに登録されていない場合には、
以下のようにエラーが発生し、表示されます。

設定・ユーザー選択

パーソナルリンクを表示

パーソナルリンクではGravatorプロフィールに設定されているWebSiteが表示されます。

設定・パーソナルリンク表示

アカウントリンクを表示

アカウントリンクを表示ではGravatorプロフィールで認証済みアカウントとして
登録されているサービスのアイコンが表示されます。

Gravatorプロフィールで認証済みアカウントの詳細については以下でご紹介しています。
Gravatarアカウントに外部プロフィールやWordPress（XML-RPCのAPI）を認証する

実際に連携可能なアカウントをすべて設定すると以下のように表示されます。

設定・アカウントリンク表示

各認証済みサービスからのリンク先表示

ウィジェットに表示した各認証済みアカウントのリンク先は、
各サービスのプロフィールになります。

※ただし、vimeo、Youtubeでは生成されるプロフィールページのURLが誤って生成されます。

さいごに

Gravatar プロフィールウィジェットのご紹介は以上です。

Gravatar プロフィールに登録している必要はありますが、
簡単に設置が行え、Gravatorプロフィールを管理しているすべてのサイトに設置するという利用法をすると、
ウィジェットの一元管理が行えてより効率的にサイト間をリンクさせることができるのではないでしょうか。

参考

Gravatar Profile Widget — Jetpack for WordPress

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

Gravatarは、Automattic Inc.の商標（第５２０２２２７号）です。