Naoko Takano

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

—

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

[php]wp_enqueue_script( ‘gprofiles’, ‘http://s.gravatar.com/js/gprofiles.js’, array( ‘jquery’ ), ‘e’, true );[/php]

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


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

以下はコメント欄の例。

Gravatar ホバーカード

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

関連記事

Comments

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

  1. Zairulのアバター
    Zairul

    Cool!

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

    How to turn in back on?

    返信
    1. Naoのアバター
      Nao

      ブラウザの設定画面で、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/ で確認・編集できます。

      返信
  2. Toruのアバター
    Toru

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

    返信
    1. Naoのアバター
      Nao

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

      返信
  3. Zairulのアバター
    Zairul

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

    Thanks 🙂

    返信
  4. WordPressのコメント欄にGravatarのホバーカードを表示 | vayu

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

    返信
  5. wokamotoのアバター
    wokamoto

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

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

    返信
  6. Toruのアバター
    Toru

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

    返信
  7. Naoのアバター
    Nao

    >wp_enqueue_script() の第5引数

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

    返信

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。