Wordpress Theme step by step tutorial - Part 17: After modify single post, now, its time for us to show comments. For this job, first, we need a new file named "comments.php" within wp-content/themes/crown.
<? if ( $comments ): ?>
<ol id="commentlist">
<? foreach ($comments as $comment): ?>
<li id="comment-<? comment_ID() ?>">
<? comment_text(); ?>
<p>
<cite>
<? comment_type(__('Comment'), __('Trackback'), __('Pingback')); ?>
<? _e('by') ?>
<? comment_author_link() ?> —
<? comment_date() ?> @
<a href="#comment-<? comment_ID() ?>">
<? comment_time() ?>
</a>
</cite>
<? edit_comment_link(__("Edit This"), ' |') ?>
</p>
<? endforeach; ?>
</ol>
<? else : ?>
<p><? _e('No comments.'); ?></p>
<? endif; ?>
Then, edit your "single.php". Add following code in box:
<? get_header(); ?>
<div class="separator">
</div>
<div id="post_container">
<div id="left_part">
<? if(have_posts()): ?>
<? while(have_posts()): ?>
<? the_post() ?>
<h1>
<a href='<?=the_permalink()?>'><?=the_title()?></a>
</h1>
<? _e("Posted "); ?> by <? the_author(); ?> at
<? the_time('F js, Y') ?>
<? the_content("more"); ?>
<? comments_template(); ?>
<? endwhile; ?>
<? endif; ?>
</div>
<? get_sidebar(); ?>
<div class="separator">
</div>
<? get_footer(); ?>
The result like this:
