美化教程的第一篇文章,不足之处还请见谅。(。・ω・。)

评论框图片修改

首先勾选主题设置-CDN中的“本地调用主题 js、css 文件”和“本地调用前端库”

打开style.css,搜索https://view.moezx.cc/images/2018/03/24/comment-bg.png,将其替换为你的评论框图片链接

但是保存之后,我们会发现图片填满了评论框,容易挡住评论

我们还要对css做些调整,可以参照下面的样式,其中background-size中的长和宽与图片的比例相同,例如分辨率800x600的图片,想要让它以0.5倍显示,就填400px,300px

.comment-respond textarea {
    background-image: url(你的图片链接);
    background-size: 长px,宽px;
    background-repeat: no-repeat;
    background-position: bottom right;
    resize: vertical
}

隐藏cookie复选框

WordPress自升级4.9.6以后默认显示评论隐私选择复选框,但复选框的样式实在不敢恭维

因为大家基本都开启了AJAX,默认记录Cookie, 隐藏无需上面的复选框,可以直接隐藏

把下面的代码添加到functions.php即可

add_filter('comment_form_field_cookies','__return_false');

CDN评论定位

使用了CDN后评论定位可能会全部变成下面这样

wordpress根目录添加下列代码即可

if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
    $list = explode(',', $_SERVER['HTTP_X_FORWARDED_FOR']);
    $_SERVER['REMOTE_ADDR'] = $list[0];
}

效果预览