在之前的帖子'以B2主题为例修改WordPress默认评论Emoji表情'中，老白对默认的emoji表情符号进行了替换，发现其展示效果是非常不错的，就是有点emoji表情符号有点小，不太看得清楚，故此有了本文：WordPress分别调整emoji表情符号与文本的大小。

1.emoji调整思路

大部分主题的评论区有emoji表情符号后，其代码如下：

<div class="comment-content-text"><p>老白博客yyds</p>
</div>

我们可以看到emoji符号和文本一起被包裹在P标签里面，想要二者表现为不同的大小，就得把他们分开。

老白这里采用的方式是“替换”，将原有的二者共用一个类，打断为两个，并且给emoji表情单独定义类名，然后再用css去调整就行

2.WordPress实操调整emoji大小

2.1 打断emoji表情与文本

在主题文件的function.php加入以下代码，注意.comment-content-text和emojicomment

.comment-content-text是你主题评论区的类名，每个主题不太一样

emoji_xcbtmw是你需要定义emoji文本符号的类名

此处为隐藏内容，评论后查看

2.2 单独定义emoji样式

在主题的style.css添加以下代码，定义emoji的大小与显示效果

.emoji_xcbtmw{
    font-size: 20px;
    vertical-align:middle
}

点击文末标签，阅读更多B2主题美化以及WordPress美化教程