子比主题专属评论框美化功能来袭，彻底打破默认文字单调样式，让访客在评论框输入文字时即可实时展示自定义文字颜色，打造个性化、高颜值的评论交互场景！无论是搭配主题整体风格设置专属色调，还是让用户自由选择彩色文字发表看法，都能完美适配。开启后，评论输入不再枯燥乏味，视觉效果更精致吸睛，大幅提升网站互动氛围与颜值质感，让每一条评论都充满个性，为你的子比主题网站增添独一无二的交互亮点，轻松提升用户停留与评论意愿，细节之处尽显网站高级感！

部署教程

1.子比主题目录下打开template/comments.php 搜索

<?php echo _pz('comment_submit_text') ?: '提交评论'; ?>

在他前面加入，见附图

<span class="dropup relative"><a class="but btn-input-expand c-green mr6" href="javascript:;" rel="external nofollow" ><i class="fa fa-github-alt "></i><span class="hide-sm">颜色代码</span></a><div class="dropdown-menu"><div id="color-selector" style="width: 250px;padding: 8px 10px;"><p>请输入颜色代码：</p><p><textarea class="form-control input-textarea" placeholder="在此处粘贴或输入代码" id="color-input" name="color" ></textarea></p><p>例如：红色可以是<code>red</code>也可以是<code>#ff0000</code></p></div></div></span>

2.然后前往inc/functions/zib-comments-list.php 搜索

function zib_get_comments_list($comment, $depth = 0, $echo = true)

在合适位置加入下面代码

$color = get_comment_meta($comment->comment_ID, 'color', true);

3.然后继续在这个文件里搜索如下代码

$html .= '<div class="mb10 comment-content" id="comment-content-' . $comment_id . '">' . $con . '</div>';

把这个代码替换为

$html .= '<div class="mb10 comment-content" id="comment-content-' . $comment_id . '"  style="color:' . $color . '">' . $con . '</div>';

4.到Wordpress子比主题目录里添加function代码,添加到func.php文件里,如果没有可以自行创建文件

function save_comment_color($comment_id) {  
    if (isset($_POST['color'])) {  
        $color = sanitize_text_field($_POST['color']);  
        add_comment_meta($comment_id, 'color', $color);  
    }  
}  
add_action('comment_post', 'save_comment_color');