コメントの表示をカスタマイズする

コメントの表示のカスタマイズ色々です。
comments.phpの中で、wp_list_comments()を使用してコメントのリストを表示できます。

デフォルトではリストで出力するので、ulやolでマークアップします。

<ul class="commentlist">
 <?php wp_list_comments(); ?>
</ul>

下記のパラメータを入れる事ができます。(不明な箇所は空白です。分かる範囲で書いてあります。)
”=>デフォルト値”です。

参照:Function Reference/wp list comments

‘walker’ => null,
‘max_depth’ => ,
‘style’ => ‘ul’,
コメントリストの表示形式。div または ul。デフォルトはul。
‘callback’ => null,
function.phpに書いた関数を読みこむ。
‘end-callback’ => null,
‘type’ => ‘all’,
表示するタイプ(コメントやピンバック、トラックバック等)を指定する。デフォルトは全て。
‘page’ => ,
‘per_page’ => ,
‘avatar_size’ => 32,
表示するアバターのサイズ。デフォルトは32。
‘reverse_top_level’ => null,
trueに設定すると、順番が最近のコメントから表示されます。
‘reverse_children’ => ,
これをtrueに設定すると、その後順番に戻って、最初に最新のものに子供を(レベルのコメントを返信)が表示されます。
‘reply_text’ => ‘Reply’
テキストの返信リンクとしてそれぞれのコメントに表示する =>”返信”
‘login_text’ => ‘Log in to Reply’
ログインする必要がある場合は、各コメントに表示する =>”返信にはログインしてください”

カスタマイズ例

下記のように記入し(’callback=mytheme_comment’の部分でfunction読み込み)、function.phpに表示を整える関数を記入して、function.php側で細かい部分のカスタマイズをします。

<ul class="commentlist">
 <?php wp_list_comments('callback=mytheme_comment'); ?>
</ul>

このブログのコメントリストのfunction.phpの部分のコードです。
codexの例になっていたコードと、twentytenのコードを組み合わせてます。
4行目のswitch…から下の方のendswitch; ?>の所でコメントの表示と、ピンバック・トラックバックの表示は違うものになるようになっています。ピンバック・トラックバックの場合は本文の表示ではなくタイトルにリンクの表示になります。

comment_type ) :
case ” :
?>

  • id=”li-comment-“>
    comment_author_email, 48 ); ?>
    %s says:‘), get_comment_author_link()); ?>

    comment_approved == ‘0’) : ?>



     




  • コメントとトラックバックを分けて表示する

    コメントとトラックバックを分けて表示するようにカスタマイズする場合には、こちらの記事”WordPressのコメントとトラックバックを分けてカスタマイズ *Ateitexe”がわかり易いです。

  • Related Article

    7 Comments & Tracbacks

    • 匿名希望 2013-06-25 9:51 PM

      php comment_ID()の後に「;」は要らないのでしょうか?

      Reply

      • saori 2013-06-26 12:00 AM

        コメントありがとうございます。
        PHPでは文末にセミコロンを付けますが、最終行の「?>」の直前のセミコロンは省略してもよいようです。その為、php comment_ID()の後のセミコロンは”なくてもよい”という感じです。
        ただ、この記事のコードでは「?>」の直前でもセミコロンをつけたり付けなかったりしていて分かりにくかった為、セミコロンを付け足す修正をしました…。

        Reply

    • 名無しのリーク 2016-07-18 8:06 AM

      香川県ルー餃子のフジフーヅはバイトにパワハラの末指切断の重傷を負わせた犯罪企業

      Reply

    Leave a Comment

    Emailは公開されません。*は必須項目です。


    *


    Categorys

    Tags

    CSS3 ダッシュボード ヘッダー jQueryプラグイン スライドショー トラブル コードサンプル コンテンツ Facebook 素材 php 引っ越し お知らせ JavaScript カテゴリー Shareボタン CSS IE 投稿タイプ レスポンシブ Photoshop seo Macアプリ サイドバー タクソノミー HTML5 WPセキュリティ Git カスタムメニュー ナビゲーション PHPリファレンス SVG API query_posts RSS WP使い方 iTunes データベース コメント function 条件分岐 get_posts() スマートフォン Sass/Compass moreタグ