PIX主题10:文章和片刻评论个性化设置

【文章评论】如上图所示,改了3处位置。通过这些个性化设置,可以让评论区更加美观和实用。

评论个性化设置预览

更改方法

本次修改涉及三个文件的不同位置,需要分别进行调整:

修改显示文字

文件路径:themes/pix/comments.php

在这个文件中,可以修改评论区的显示文字,包括评论标题、提交按钮文字等。

// 修改评论标题
$args = array(
    'title_reply' => '留下您的评论',
    'label_submit' => '发布评论',
    'comment_notes_before' => '您的邮箱地址不会被公开。'
);

修改默认头像

文件路径:themes/pix/img

在这个目录中,可以替换默认的评论头像图片。建议准备64x64像素的头像图片。

默认头像示例

修改字体大小

文件路径:style.css

在CSS文件中调整评论区的字体大小,让文字显示更加合适。

/* 评论区域字体设置 */
.comment-content {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

.comment-author {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.comment-meta {
    font-size: 12px;
    color: #666;
}

个性化效果展示

完成以上修改后,评论区将呈现以下特点:

  • 评论标题和按钮文字更加友好
  • 默认头像更加个性化
  • 字体大小适中,提升阅读体验
  • 整体视觉效果更加协调
评论个性化设置效果

进阶设置

如果想要进一步个性化评论区,还可以考虑以下设置:

// 添加评论表情支持
function add_comment_smilies() {
    if(is_single() || is_page()) {
        include(TEMPLATEPATH . '/smilies.php');
    }
}
add_action('wp_head', 'add_comment_smilies');
// 自定义评论列表样式
function custom_comment_output($comment, $args, $depth) {
    $GLOBALS['comment'] = $comment;
    ?>
    
  • id="li-comment-">