WordPress.com でデフォルト機能となっている Gravatar ホバーカード。これをインストール型 WordPress に追加するには、現在使っているテーマの functions.php に以下の一行を追加してみましょう。
wp_enqueue_script( 'gprofiles', 'http://s.gravatar.com/js/gprofiles.js', array( 'jquery' ), 'e', true );
あら不思議、こんなことになります(画像上でマウスオーバーしてみてください)。
このスクリプトは Gravatar 画像に対してすべて有効になるので、上のようにサイト内に画像を埋め込んだ場合はもちろん、コメント投稿者のアバターに自動的にすべてポップアップをつけることができます。
以下はコメント欄の例。
![]()
名前のリンクをクリックすると、Gravatar.com 内のプロフィールページに移動します。Gravatar を登録している方は、プロフィールページの更新をお忘れなく。
関連記事
- Add Hovercards to Your WordPress Blog (WeBlogTools Collection)
- Gravatar Hovercards (Otto on WordPress: プラグイン形式のコード)
Cool!
ただ「Turn off hovercards」をクリックしたら、消えちゃったー
How to turn in back on?
ブラウザの設定画面で、detlog.org ドメインの nohovercard っていうCookie を削除してみてくださいー。
http://www.google.com/support/accounts/bin/answer.py?hl=jp&answer=32050
あ、それから Zairul さんの画像がポップアップしないのは、Gravatar アカウントでお使いのメイン(primary)のメールアドレスではない場合には現在対応していないからのようです。複数のメールアドレスを登録している場合、primary アドレスは http://ja.gravatar.com/emails/ で確認・編集できます。
あー。.orgでも使えたんですね。ただこのjsファイルを読み込むことでどれほど重くなるのかが気になったり…
js が11kb、css が2つで3kくらいー。イニシャルビューで js は428ms、css は55、107ms でした(CSS はページ末尾で読み込み)。
なるほど。。了解しました
Thanks
[...] 【参考】 Gravatar ホバーカードを WordPress に追加する一行コード Gravatar [...]
うちとこも入れてみました。thx!
っていうか、wp_enqueue_script() の第5引数の存在を知らんかった。
これ、WP2.8 以降で使えるのね。
なるほどー。悪くないですね!
>wp_enqueue_script() の第5引数
フッタで読み込ませるかどうか選べるようになってさらにコントロールが効くようになってますねー。 早速使ってくださってありがとうございました!(返事遅いですが
)