首页 问答 正文

如何在wordpress主题中添加自定义评论表情符号?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 147 次

要在wordpress主题中添加自定义评论表情符号,可以按照以下步骤进行操作。

  1. 准备表情符号图片。

你可以自己设计表情符号图片,或者从网络上下载。把它们保存在你的主题文件夹下的一个新的目录中,例如:/wp-content/themes/your-theme/images/emoticons/。

  1. 添加样式。

打开你的主题的style.css文件,添加以下CSS样式:

.comment-emoticons {
display: inline-block;
margin-right: 5px; / 调整表情符号间距 /
}

.comment-emoticons img {
display: inline-block;
height: 16px; / 调整表情符号尺寸 /
width: 16px;
}

  1. 实现自定义评论表情符号。

在你的主题文件夹下,找到comments.php文件(如果主题没有提供comments.php文件,可以拷贝wordpress的twentytwentyone主题的comments.php文件到你的主题中)。编辑comments.php文件,找到以下代码:

<?php comment_form(); ?>

在这行代码之前,添加以下代码:

<?php if ( is_user_logged_in() ) : ?>

这里的三个表情符号分别使用了em1.png、em2.png和em3.png三个文件名,你可以根据实际情况替换它们。如果添加更多的表情符号,只需复制黏贴上面的代码并修改文件名即可。

  1. 完成操作。

保存comments.php文件,上传到你的主题文件夹中。现在,在评论框下面应该能看到你添加的自定义评论表情符号了。

希望这能对你有所帮助!

大家谈论
    我的见解