关于“W.P动态圈和简单双栏”主题自己动手添加表情教程
1年前
超过597天
温馨提示
本文最后更新于2023年04月16日，已超过597天没有更新，若内容或图片失效，请留言反馈。
这两套模板基本除了样式不一样其他PHP代码什么的大多数都是一样的，所以添加表情的步骤什么的都是一样。
第一步
找到自己喜欢的表情包下载下来，注意统一表情包的格式（别来个png，JPG，gif等大杂烩，（否则后期写解析表情代码的时候就非常开心））。
第二步
找到这个路径下面的文件夹“WWW\usr\themes\xmshuang（注意这里的xmshuang为模板文件夹名称,自行选择对应的模板）\owo\biaoqing”，新建一个文件夹（重要说明：文件夹名称最好为英文，如果为中文的话有时候会出现乱码情况）。
第三步
把找到表情包全部复制到刚才创建的文件夹当中
第四步
找到这个路径下面的文件夹“WWW\usr\themes\xmshuang（注意这里的xmshuang为模板文件夹名称,自行选择对应的模板）\owo”，点击打开“OwO_2.json”这个json格式的文件。
第五步
小白不懂的话直接滑动到代码最后，需要注意的是看一下点最后是否有逗号。
没有的话添加一个逗号
第六步
在最后一个“大括号上面”添加如下代码，具体相关说明请看图片。
"测试表情":{
"type":"image",
"container":[
{
"icon":"<img class='biaoqing' src='/usr/themes/xmqing/owo/biaoqing/xm/xm.png'>",
"data":":@(xm)",
"text":"xm"
}
]
}
重要提示：6.7.8步骤黑色框选部分的名称必须一致
第七步
如果想要添加很多表情只需要要修改如下代码，见图片
添加后相识效果
第八步
找到主题下面的functions.php这个文件打开
第九步
添加以下代码到文件末尾，（图片中打红色框选的地方自行修改）“红色框选的地方第十一部需要用到”
/**
* 测试表情函数
* "csBiaoqingCallback" 这个名称自行取
*
*/
function csBiaoqingCallback($match){
return '<img class="lazyload biaoqing" src="/usr/themes/xmqing/img/xjz.gif" data-src="/usr/themes/xmqing/owo/biaoqing/quyin/'. str_replace('%', '', $match[1]) . '.png" alt="测试标签" title="测试标签">';
}
第十步
找到如图当中的代码
第十一步
添加如下代码到截图位置即可
$content = preg_replace_callback('/\:\@\(\s*(.*?)\s*\)/is',
'csBiaoqingCallback', $content);
0 赞
or 打赏
喜欢就打赏一点
上一篇
老Q
1年前 . LV.1
写得太仔细了，真适合我这种小白。
寻梦xunm
1年前 . LV.0
@老Q
详不详细我不知道，我知道图片可能存活不了多久