Gravatar ホバーカードを WordPress に追加する一行コード

WordPress.com でデフォルト機能となっている Gravatar ホバーカード。これをインストール型 WordPress に追加するには、現在使っているテーマの functions.php に以下の一行を追加してみましょう。

wp_enqueue_script( 'gprofiles', 'http://s.gravatar.com/js/gprofiles.js', array( 'jquery' ), 'e', true );

あら不思議、こんなことになります(画像上でマウスオーバーしてみてください)。


このスクリプトは Gravatar 画像に対してすべて有効になるので、上のようにサイト内に画像を埋め込んだ場合はもちろん、コメント投稿者のアバターに自動的にすべてポップアップをつけることができます。

以下はコメント欄の例。

Gravatar ホバーカード

名前のリンクをクリックすると、Gravatar.com 内のプロフィールページに移動します。Gravatar を登録している方は、プロフィールページの更新をお忘れなく。

関連記事

Gravatar ホバーカードを WordPress に追加する一行コード」への9件のフィードバック

  1. Zairulより:

    Cool!

    ただ「Turn off hovercards」をクリックしたら、消えちゃったー

    How to turn in back on?

  2. Toruより:

    あー。.orgでも使えたんですね。ただこのjsファイルを読み込むことでどれほど重くなるのかが気になったり…

    • Naoより:

      js が11kb、css が2つで3kくらいー。イニシャルビューで js は428ms、css は55、107ms でした(CSS はページ末尾で読み込み)。

  3. Zairulより:

    なるほど。。了解しました

    Thanks :)

  4. [...] 【参考】 Gravatar ホバーカードを WordPress に追加する一行コード Gravatar [...]

  5. wokamotoより:

    うちとこも入れてみました。thx!

    っていうか、wp_enqueue_script() の第5引数の存在を知らんかった。
    これ、WP2.8 以降で使えるのね。

  6. Toruより:

    なるほどー。悪くないですね!

  7. Naoより:

    >wp_enqueue_script() の第5引数

    フッタで読み込ませるかどうか選べるようになってさらにコントロールが効くようになってますねー。 早速使ってくださってありがとうございました!(返事遅いですが :P

コメントを残す

%d人のブロガーが「いいね」と言っています。