跳至正文
设计笔记 静水流深,美语善缘
代码 约 2 分钟阅读

WordPress主题加入评论表情功能

本文介绍了如何在WordPress主题中添加评论表情功能。首先,下载并上传smiley.php文件到主题文件夹。接着,编辑comments.php文件,在“textarea”语句上方插入include代码以调用smiley.php。随后,修改CSS文件以设置#smilelink的宽度。最后,刷新页面检查功能是否生效。若点击表情无反应,需检查textarea的id并在smiley.php中进行相应替换。

折腾这个主题有三天了,主题非常简洁,而且很漂亮有没有?但是我发现主题有很多我需要或想要的细节功能并没有,比如我最喜欢的评论表情功能,主题默认就没有支持,所以这个重担就交到我的手里啦!

首先你需要下载smiley.php文件,并把此文件上传到你的主题文件夹下面。

点击下载

上传文件后,然后编辑主题文件夹下面的comments.php文件,找到“textarea”语句,并在在上面加上

<?php include(TEMPLATEPATH . '/smiley.php'); ?>

修改主题文件夹下面的CSS文件,里面加一句

#smilelink{cursor:pointer; width:500px;}

此句中,蓝色标注的值是根据主题而定义的,最佳为评论框有多宽就设置多少,当然也可以根据你的个人喜好设置。

好了,设置到此结束,刷新一下你的文章页,看看是不是有效果了呢?

备注:如果发现点击表情评论框无反应,请检查comments.php里面的textarea的id是多少,然后复制id,替换到smiley.php里面的comment即可。自己查找,一共有三个comment需要替换。