コメント-受信したコメントのデザインを指定

受信したコメントのカスタマイズ

関数

コメントの本文を出力

<?php comment_text(); ?>


コメントの投稿日を出力

<?php comment_date(); ?>


コメントの投稿時間を出力

<?php comment_time(); ?>


コメントの投稿者名を出力

<?php comment_author_link(); ?>
コメントの本文を表示

《comments.php

<div id="comments">
<?php if(have_comments()): ?>
<h3>コメント</h3>
<ul>
<?php wp_list_comments('callback=mydesign'); ?>
</ul>
<?php endif; ?>
<?php comment_form(); ?>
</div>

《functions.php

<?php
//ウィジェット
register_sidebar();

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

?>
コメントの投稿日を表示

《functions.php

<?php
//ウィジェット
register_sidebar();

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

?>
コメントの投稿者名を表示
<?php
//ウィジェット
register_sidebar();

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

?>

コメントのデザインを指定

#comments ul {
  list-style-type: none;
  margin: 0 0 20px 0;
}
#comments li.compost {
  border-bottom: dotted 1px #CCC;
}
#comments p.cominfo {
  text-align: right;
  margin: 0 0 6px 0;
}