WordPress主题制作课程11:制作文章评论文件comments.php

WordPress主题制作课程11:制作文章评论文件comments.php

在WordPress主题制作中,文章的评论功能是非常重要的一个部分。为了实现评论功能,需要制作一个名为comments.php的文件。下面是制作comments.php文件的步骤:

1. 创建comments.php文件

首先,需要在主题的根目录下创建一个名为comments.php的新文件。


<?php
// comments.php

if (post_password_required()) {
    return;
}

if (have_comments()) :
    // 显示评论列表
endif;

comment_form();

2. 设计评论区样式

在开始编写评论区代码之前,你需要先设计好评论区的样式。这样可以让评论区看起来更加美观,也方便用户使用。

下面是一个简单的示例:


.comments {
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.comment-list {
    margin-bottom: 30px;
}

.comment-body {
    margin-left: 50px;
}

.comment-meta {
    margin-bottom: 10px;
}

.comment-author {
    font-weight: bold;
}

.comment-time {
    color: #999;
}

3. 显示评论列表

comments.php文件中的第6行代码if (have_comments()),是判断当前文章是否有评论。

如果有评论,需要显示评论列表。可以使用WordPress的函数wp_list_comments()来显示评论列表。


if (have_comments()) :
    ?>
    <div class="comments">
        <h3 class="comments-title"><?php
            printf(
                esc_html__('共有 %1$s 条评论', 'theme'),
                get_comments_number()
            );
        ?></h3>

        <ol class="comment-list">
            <?php
            wp_list_comments(array(
                'style'       => 'ol',
                'short_ping'  => true,
                'avatar_size' => 70,
            ));
            ?>
        </ol>

        <?php
        the_comments_pagination(array(
            'prev_text' => '<span class="screen-reader-text">' . esc_html__('上一页', 'theme') . '</span><span aria-hidden="true">&laquo;</span>',
            'next_text' => '<span class="screen-reader-text">' . esc_html__('下一页', 'theme') . '</span><span aria-hidden="true">&raquo;</span>',
        ));
        ?>

    </div>
    <?php
endif; // have_comments()

4. 显示评论表单

最后一步是在comments.php文件中添加评论表单。可以使用函数comment_form()来添加评论表单。


comment_form();

至此,comments.php文件的制作已经完成。通过正确地编写comments.php文件,你可以让你的WordPress主题拥有完善的评论功能。

晓白博客网版权所有,原文地址https://www.xbnb.cn/5304
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容