首页 » 日记 » 正文内容
1年前 寻梦xunm 356 日记

这两套模板基本除了样式不一样其他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 打赏
喜欢就打赏一点
微信 支付宝
已有2 条评论,0 个点赞
  1. 老Q的头像
    老Q

    1年前 . LV.1

    写得太仔细了,真适合我这种小白。

    Windows Chrome 浙江省温州市
    1. 寻梦xunm的头像
      寻梦xunm 作者博主

      1年前 . LV.0

      @老Q

      详不详细我不知道,我知道图片可能存活不了多久E9BB91E7BABF

      Android 夸克浏览器 重庆市
隐私

Q Q:1340326824

vipshiyi@qq.com

QQ群:422720328

生活所迫,再见了苦逼的BUG们,以后有缘在会吧。