Wordpress - Theme: Showing Comment Form



Wordpress Theme Step By Step Tutorial - Part 18: Usually, below comments list, we show a form which readers can post their comment. This post will talk how to show comment form at single post page.

Open your "comments.php". Enter following code:

wordpress theme form comments

<? 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; ?>

<?php if (comments_open()) : ?>

<h3 id="respond">Leave a Reply</h3>

<?php if ( get_option('comment_registration') 
  && !$user_ID ) : ?>
<p>You must be <a href="<?php echo get_option('siteurl'); ?>/
  wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>
<?php else : ?>

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">

<?php if ( $user_ID ) : ?>

<p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" 
title="Log out of this account">Logout »</a></p>

<?php else : ?>

<p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
<label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p>

<p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
<label for="email"><small>Mail (will not be published) <?php if ($req) echo "(required)"; ?></small></label></p>

<p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>

<?php endif; ?>

<!--<p><small><strong>XHTML:</strong> 
You can use these tags: <code><?php echo allowed_tags(); ?>
</code></small></p>-->
<p><textarea name="comment" id="comment" 
cols="100%" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" 
id="submit" tabindex="5" value="Submit Comment" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php do_action('comment_form', $post->ID); ?>
</form>
<?php endif;  ?>
<?php endif;  ?>

The result may like this:

wordpress theme form comments



Series this article:
Wordpress - Theme: Installing and Changing Theme
Wordpress - Theme: Building Your Own Theme
Wordpress - Theme: Writing First Code
Wordpress - Theme: Wordpress Code Style
Wordpress - Theme: Showing the Post Excerpt on the Front Page
Wordpress - Theme: Showing Category Name for Each Post
Wordpress - Theme: Showing a Post with Date and Author
Wordpress - Theme: Planning Theme Design
Wordpress - Theme: Writing Basic Code for Two Column
Wordpress - Theme: Splitting Index Become Some Small Parts
Wordpress - Theme: Uniting Various Small Parts
Wordpress - Theme: Separating Stylesheet From Header
Wordpress - Theme: Designing Simple Header
Wordpress - Theme: Placing Content to Body
Wordpress - Theme: Showing Archives, Categories, Links in Side bar
Wordpress - Theme: Creating Footer
Wordpress - Theme: Modifying Single Post Display
Wordpress - Theme: Showing Comments at Single Post
Wordpress - Theme: Showing Comment Form
WordPress - Theme: Showing Trackback,RSS, and Other Detail at Single Post
WordPress - Theme: Showing Title and Other HTML Header
WordPress - Theme: Making Theme Widget Enabled


Tag: wordpress, theme, comments Category: Web Design, PHP Application Post : February 04th 2008 Read: 6,451 Bookmark and Share

blog comments powered by Disqus