社会復帰を目指して、前向きに歩いていきたい。Kakaのサイトです。

カカのホームページ(WordPress Ver.)

*

Tags of アイコン

Gravatarを利用する③

Category:Memorandum WordPress

お久しぶりです。

前回の記事まででGravatarの利用登録、サイドバーへの表示が完了していますので、今回はコメント欄にGravatarのアイコンを表示させてみましょう。

WordPress Codec 日本語版の中にGravatarアイコンをコメント欄に表示させる方法の記述があります。

WordPress Ver 2.5では以下のコードを追加します。

<? php
   echo get_avatar( $id_or_email , $size='96' , $default = '<path_to_url>' );
?>

☆パラメータ

・id_or_email(必須):作成者のUser ID(整数または文字列)、メールアドレス(文字列)またはコメント・ループのコメント・オブジェクト。コメントを付けた人の Gravatar を示すときには$commentを使う。

・size(オプション):アイコンの大きさ。デフォルトは96。未指定OK。

・default(オプション):アバターと関連しないメールアドレスの利用者の表示指定。未指定OK。

WordPress Ver 2.7ではデフォルトのコメント関数wp_list_comments();を使用すればget_avatar();関数を指定しなくてもデフォルトの設定でGravatarアイコンが表示されます。

ただしコメント欄をカスタマイズしたい場合はget_avatar();関数の指定が必要になります。

このサイトでは以下のような記述でGravatarアイコンを表示させています。

☆comments.php内に以下のコードを記述。

<? php
   wp_list_comments('callback=mydesign');
?>

☆function.php内に以下のコードを記述。

//受信したコメント(/li ,p br / は自動的にマークアップ)
<?php
  function mydesign($comment, $args, $depth) {
      $GLOBALS['comment'] = $comment; ?>
<li class="compost">
  <?php comment_text(); ?>
  <p class="cominfo">
    <php echo get_avatar($comment, $size = '32'); ?>
    <php comment_date(); ?> <?php comment_time(); ?>
     Posted by:<?php comment_author_link(); ?>
    <button role="button">
      <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
    </button>
  </p>
<?php
}
?>

これで、コメント欄にGravatarアイコンが表示されました。
スクリーンショットは以下のようになります。

gravatar-8

(↑クリックで拡大します)

これでGravatarの使用方法の備忘録を終了します。
よろしければお試しください。

※参考サイト:WordPress Codec 日本語版 Gravatar の使い方

↓よろしければポチッとクリックお願いします。

にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村

ブログランキング・にほんブログ村へ
にほんブログ村

1 2 >