投稿されたコメントを表示する

STEP5-2で追加したコメントフォームを利用してコメントを投稿しても、
いまのままでは、投稿されたコメントは表示されません。
送信されたコメントを表示させる作業をおこなっていきます。

 
まず、comments.phpファイル(コメントのテンプレート)に、
下記のソースを追加します。

---------------------
<?php if(have_comments()): ?>
<h3>コメント</h3>
<ul>
<?php wp_list_comments(‘callback=mydesign’); ?>
</ul>
<?php endif; ?>

---------------------

 
次に、投稿されたコメントがすっきりと表示できるよう、出力をカスタマイズしていきます。
functions.phpファイル(テーマのための関数)に、下記のソースを追加します。

---------------------
//受信したコメント
function mydesign($comment, $args, $depth) { $GLOBALS['comment'] = $comment; ?>
<li class="compost">
<?php comment_text(); ?>
<p class="cominfo">
<?php comment_date(); ?> <?php comment_time(); ?>
 by
<?php comment_author_link(); ?>
</p>
<?php
}

---------------------

 
最後に、コメント入力フォームの見た目を整えるため、
style.cssファイル(スタイルシート)に、以下のCSSタグを追加します。

---------------------
/* コメント表示 */
#comments ul { margin: 0px; padding: 0px; }
#comments li.compost { list-style-type: none; border-bottom: dotted 1px #0C8BCD; margin-bottom: 20px; }
#comments p.cominfo { text-align: right; }

---------------------

 
この作業で完成した画面が↓こちらです。

 
これで、WordPress レッスンブック 3.x対応のSTEP5-4、STEP5-5が完了しました。
 

コメントは停止中です。