I introduced you to "The whole process of WordPress theme production (9): Making single.php". This article continues to introduce to you how to make comments.php. Let's take a look at it together~

Today we will make the comment module of the comment theme. Create a new comments.php under the theme directory Aurelius, cut the following code in single.php, and paste it into comments.php:

<!– Comment’s List –>
<h3>Comments</h3>
<div class="hr dotted clearfix">?</div>
<ol class="commentlist">
<li class="comment">
<div class="gravatar">?<img alt="" src=’images/gravatar.png’ height=’48′ width=’48′ />?<a class="comment-reply-link" href=">Reply</a>?</div>
<div class="comment_content">
<div class="clearfix">?<cite class="author_name"><a href="">Joe?Bloggs</a></cite>
<div class="comment-meta commentmetadata">January?6,?2010?at?6:26?am</div>
</div>
<div class="comment_text">
<p>Donec?leo.?Aliquam?risus?elit,?luctus?vel,?interdum?vitae,?malesuada?eget,?elit.?Nulla?vitae?ipsum.?Donec?ligula?ante,?bibendum?sit?amet,?elementum?quis,?viverra?eu,?ante.?Fusce?tincidunt.?Mauris?pellentesque,?arcu?eget?feugiat?accumsan,?ipsum?mi?molestie?orci,?ut?pulvinar?sapien?lorem?nec?dui.</p>
</div>
</div>
</li>
</ol>
<div class="hr clearfix">?</div>
<!– Comment Form –>
<form id="comment_form" action="" method="post">
<h3>Add?a?comment</h3>
<div class="hr dotted clearfix">?</div>
<ul>
<li class="clearfix">
<label for="name">Your?Name</label>
<input id="name" name="name" type="text" />
</li>
<li class="clearfix">
<label for="email">Your?Email</label>
<input id="email" name="email" type="text" />
</li>
<li class="clearfix">
<label for="email">Your?Website</label>
<input id="website" name="website" type="text" />
</li>
<li class="clearfix">
<label for="message">Comment</label>
<textarea id="message" name="message" rows="3" cols="40"></textarea>
</li>
<li class="clearfix">
<!– Add Comment Button –>
<a type="submit" class="button medium black right">Add?comment</a>?</li>
</ul>
</form>

Add the code in the original location of single.php:

<?php comments_template(); ?>

The above statement The function is to import all the contents in comments.php into single.php, which has the same effect as writing the code in comments.php directly in single.php.

For the sake of security, to prevent malicious users from opening the comment file directly, please add the following code in the comments.php header:

<?php
if (isset($_SERVER[&#39;SCRIPT_FILENAME&#39;]) && &#39;comments.php&#39; == basename($_SERVER[&#39;SCRIPT_FILENAME&#39;]))
die (&#39;Please do not load this page directly. Thanks!&#39;);
?>

Because the comment code output by WordPress's output comment function wp_list_comments() Different from the comment code of our theme, we have to customize our comment list and delete the following code in comments.php (the following code is used to list all comments on the article):

<li class="comment">
<div class="gravatar">?<img alt="" src=’images/gravatar.png’ height=’48′ width=’48′ />?<a class="comment-reply-link" href=">Reply</a>?</div>
<div class="comment_content">
<div class="clearfix">?<cite class="author_name"><a href="">Joe?Bloggs</a></cite>
<div class="comment-meta commentmetadata">January?6,?2010?at?6:26?am</div>
</div>
<div class="comment_text">
<p>Donec?leo.?Aliquam?risus?elit,?luctus?vel,?interdum?vitae,?malesuada?eget,?elit.?Nulla?vitae?ipsum.?Donec?ligula?ante,?bibendum?sit?amet,?elementum?quis,?viverra?eu,?ante.?Fusce?tincidunt.?Mauris?pellentesque,?arcu?eget?feugiat?accumsan,?ipsum?mi?molestie?orci,?ut?pulvinar?sapien?lorem?nec?dui.</p>
</div>
</div>
</li>

Change to :

<?php 
    if (!empty($post->post_password)?&&?$_COOKIE['wp-postpass_'?.?COOKIEHASH]?!=?$post->post_password)?{?
????????//?if?there's?a?password
????????//?and?it?doesn't?match?the?cookie
?????>
????<li class="decmt-box">
????????<p><a href="#addcomment">請輸入密碼再查看評論內(nèi)容.</a></p>
????</li>
????<?php 
        } else if ( !comments_open() ) {
    ?>
????<li class="decmt-box">
????????<p><a href="#addcomment">評論功能已經(jīng)關(guān)閉!</a></p>
????</li>
????<?php 
        } else if ( !have_comments() ) { 
    ?>
????<li class="decmt-box">
????????<p><a href="#addcomment">還沒有任何評論，你來說兩句吧</a></p>
????</li>
????<?php 
        } else {
            wp_list_comments(&#39;type=comment&callback=aurelius_comment&#39;);
        }
    ?>

You can roughly see the meaning of the above code, which is a lot of if... then..., if the above conditions are not met, all comments will be listed. Now change the ?> in functions.php in the theme folder Aurelius to the following code. If the functions.php you downloaded from this blog before already has the following code, there is no need to add it:

function?aurelius_comment($comment,?$args,?$depth)?
{
???$GLOBALS['comment']?=?$comment;??>
???<li class="comment" id="li-comment-<?php comment_ID(); ?>">
<div class="gravatar">?<?php if (function_exists(&#39;get_avatar&#39;) && get_option(&#39;show_avatars&#39;)) { echo get_avatar($comment, 48); } ?>
?<?php comment_reply_link(array_merge( $args, array(&#39;reply_text&#39; =>?'回復(fù)','depth'?=>?$depth,?'max_depth'?=>?$args['max_depth'])))??>?</div>
<div class="comment_content" id="comment-<?php comment_ID(); ?>">
<div class="clearfix">
<?php?printf(__('<cite class="author_name">%s</cite>'),?get_comment_author_link());??>
<div class="comment-meta commentmetadata">發(fā)表于：<?php echo get_comment_time(&#39;Y-m-d H:i&#39;); ?></div>
???<?php edit_comment_link(&#39;修改&#39;); ?>
</div>
<div class="comment_text">
<?php if ($comment->comment_approved?==?'0')?:??>
<em>你的評論正在審核，稍后會顯示出來！</em><br />
??????<?php endif; ?>
??????<?php comment_text(); ?>
</div>
</div>
<?php } ?>

WordPress functions used in the above code and corresponding descriptions:

Link to reply to the messageget_comment_author_linkUsed to get the commenter’s blog addressget_comment_time Get the comment publishing time##edit_comment_linkcomment_text()Okay, now it can be displayed normally at the bottom of your article page Commented! Now we continue to create a form for submitting comments. Delete the following code (that is, the code of the comment form):

Function name	Function function
get_avatar($comment, 48)	Get the commenter’s gravatar avatar, the size is 48 * 48
##comment_reply_link()
The link for the administrator to modify the comment
Output comment content

<!– Comment Form –>
<form id="comment_form" action="" method="post">
<h3>Add?a?comment</h3>
<div class="hr dotted clearfix">?</div>
<ul>
<li class="clearfix">
<label for="name">Your?Name</label>
<input id="name" name="name" type="text" />
</li>
<li class="clearfix">
<label for="email">Your?Email</label>
<input id="email" name="email" type="text" />
</li>
<li class="clearfix">
<label for="email">Your?Website</label>
<input id="website" name="website" type="text" />
</li>
<li class="clearfix">
<label for="message">Comment</label>
<textarea id="message" name="message" rows="3" cols="40"></textarea>
</li>
<li class="clearfix">
<!– Add Comment Button –>
<a type="submit" class="button medium black right">Add?comment</a>?</li>
</ul>
</form>

and change it to:

<?php 
if ( !comments_open() ) :
// If registration required and not logged in.
elseif ( get_option(&#39;comment_registration&#39;) && !is_user_logged_in() ) : 
?>
<p>你必須?<a href="<?php echo wp_login_url( get_permalink() ); ?>">登錄</a>?才能發(fā)表評論.</p>
<?php else  : ?>
<!-- Comment Form -->
<form id="commentform" name="commentform" action="<?php echo get_option(&#39;siteurl&#39;); ?>/wp-comments-post.php"?method="post">
????<h3>發(fā)表評論</h3>
????<div class="hr dotted clearfix">?</div>
????<ul>
????????<?php if ( !is_user_logged_in() ) : ?>
????????<li class="clearfix">
????????????<label for="name">昵稱</label>
????????????<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>"?size="23"?tabindex="1"?/>
????????</li>
????????<li class="clearfix">
????????????<label for="email">電子郵件</label>
????????????<input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>"?size="23"?tabindex="2"?/>
????????</li>
????????<li class="clearfix">
????????????<label for="email">網(wǎng)址(選填)</label>
????????????<input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>"?size="23"?tabindex="3"?/>
????????</li>
????????<?php else : ?>
????????<li class="clearfix">您已登錄:<a href="<?php echo get_option(&#39;siteurl&#39;); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>.?<a href="<?php echo wp_logout_url(get_permalink()); ?>"?title="退出登錄">退出??</a></li>
????????<?php endif; ?>
????????<li class="clearfix">
????????????<label for="message">評論內(nèi)容</label>
????????????<textarea id="message comment" name="comment" tabindex="4" rows="3" cols="40"></textarea>
????????</li>
????????<li class="clearfix">
????????????<!-- Add Comment Button -->
????????????<a href="javascript:void(0);" onClick="Javascript:document.forms[&#39;commentform&#39;].submit()" class="button medium black right">發(fā)表評論</a>?</li>
????</ul>
????<?php comment_id_fields(); ?>
????<?php do_action(&#39;comment_form&#39;, $post->ID);??>
</form>
<?php endif; ?>

function Name##is_user_logged_inwp_login_url##get_comment_author_linkRead the cookie and automatically help the user fill in the user name if the user has posted a comment before##$ comment_author_emailRead cookie, if the user has posted a comment before, it will automatically help the user fill in Email$comment_author_urlRead cookie, if If the user has made a comment before, it will automatically help the user fill in the blog address do_action('comment_form', $post->ID);This function is a Some plug-ins reservewp_logout_urlLogout linkWordPress Tutorial》

Function
Determine whether the user is logged in
Blog login address
Used to get the commenter’s blog address	$comment_author
	Recommended learning: "

The above is the detailed content of The whole process of WordPress theme creation (10): making comments.php. For more information, please follow other related articles on the PHP Chinese website!