這一節(jié)課程我們將學(xué)習(xí)添加自定義評(píng)論功能。
打開(kāi)single.php然后在endif下面。 添加<？php comments_template（）;勘究？>：

    <?php endif; ?>

    <?php comments_template(); ?>
</div>

保存代碼，刷新前端頁(yè)面斟冕，點(diǎn)擊read more口糕，進(jìn)入單獨(dú)帖子：

原始評(píng)論區(qū)

評(píng)論功能已經(jīng)起作用，但它看起來(lái)太簡(jiǎn)單磕蛇，所以我想告訴你我們?nèi)绾味ㄖ扑?/p>

新建一個(gè)文件景描，保存為comments.php，在文件中寫(xiě)入TEST秀撇，保存返回刷新頁(yè)面超棺，評(píng)論區(qū)會(huì)出現(xiàn)TEST

test

現(xiàn)在我們來(lái)定制評(píng)論功能。
在https://codex.wordpress.org/Function_Reference/wp_list_comments的文檔中實(shí)際上有一些有用的代碼呵燕，這就是我們想要的wp_list_comments棠绘。
我們?cè)赾omments.php中加入如下代碼：

<h2>評(píng)論</h2>
<?php
    $args = array(
        'walker'=> null,
        'max_depth'=> '',
        'style'=> 'ul',
        'callback'=> null,
        'end-callback'=> null,
        'type'=> 'all',
        'reply_text'=> 'Reply',
        'page'=> '',
        'per_page' => '',
        'avatar_size'=> 32,
        'reverse_top_level' => null,
        'reverse_children'  => '',
        'format'=> 'html5', // or 'xhtml' if no 'HTML5' theme 
        // support
        'short_ping'=> false,
        // @since 3.6
        'echo'=> true
        // boolean, default is true 
    ); 
?> 
 
<?php wp_list_comments($args, $comments); ?> 

我們創(chuàng)建了一個(gè)arguments數(shù)組，其中大部分參數(shù)我們并不需要再扭，但它不會(huì)影響我們氧苍，因?yàn)槠渲当辉O(shè)置為null，以防你以后想要改變什么東西泛范，我們把它們保留在數(shù)組中让虐。 這些參數(shù)現(xiàn)在將插入到wp_list_comments（）函數(shù)中。

現(xiàn)在我們需要一個(gè)評(píng)論表單罢荡，我們?cè)谏厦娴拇a下面繼續(xù)添加如下代碼：

<?php
$form_args = array(
     // change the title of send button 
    'label_submit'=>'Send',
    // change the title of the reply section
     'title_reply'=>'寫(xiě)下評(píng)論或回復(fù)',
     // remove "Text or HTML to be displayed after the set of comment fields"
     'comment_notes_after' => '',
     // redefine your own textarea (the comment body)
    'comment_field' => '<p class="comment-form-comment">
    <label for="comment">' . _x('Comment', 'noun' ) . '</label><br />
    <textarea id="comment" name="comment" aria-required="true"></textarea>
    </p>',
);
comment_form($form_args);

現(xiàn)在刷新前端頁(yè)面：

自定義評(píng)論框

看起來(lái)有點(diǎn)丑赡突，打開(kāi)style.css，我們來(lái)添加一些樣式：

.comment-body {
    border: #ccc 1px solid;
    margin-bottom: 10px;
    padding: 20px 10px;
}
.comment-meta {
    background: #333;
    color: #fff;
    padding: 10px;
    overflow: auto;
}
.comment-meta img {
    float: left;
    margin-right: 10px;
}
.comment-meta time {
    margin-left: 12px;
}
.comment-reply-link {
    background: #009acd;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
}
.comment-form input,
.comment-form textarea {
    width: 100%;
    padding: 3px;
    border: #ccc 1px solid;
    margin-bottom: 20px;
}
.comment-form input {
    height: 30px;
}

現(xiàn)在再次刷新前端頁(yè)面：

好看的評(píng)論

接下來(lái)我們來(lái)添加幾條評(píng)論看看：

評(píng)論樣式

現(xiàn)在比默認(rèn)樣式好看多了柠傍。

總結(jié)

這個(gè)項(xiàng)目的目的不是為了構(gòu)建一個(gè)漂亮的主題麸俘，而是讓你熟悉我們創(chuàng)建主題所需掌握的語(yǔ)法和各種文件，以及各種不同的功能惧笛。

我們使用HTML和CSS創(chuàng)建了設(shè)計(jì)从媚，并看到了不同的帖子格式。 我們通過(guò)學(xué)習(xí)如何顯示博客帖子患整，單個(gè)帖子拜效，自定義存檔頁(yè)面和不同的帖子格式來(lái)創(chuàng)建WordPress主題。 我們還學(xué)習(xí)了如何將圖像添加到帖子并處理頁(yè)面各谚，自定義模板和子導(dǎo)航紧憾。 我們還研究了主題小工具，自定義主頁(yè)和評(píng)論功能昌渤。

希望大家喜歡這章節(jié)的課程赴穗。