• 修复在线人数的显示

  • 修复了Baidu与Github登陆的小Bug

  • 优化网站整体代码布局,提高速度

[教程]使用 PoiLive2D 为你的博客添加一个看板娘

Wordpress 祭夜ゐ 1年前 (2018-02-27) 2248次浏览 已收录 13个评论 扫描二维码
文章目录[隐藏]

[教程]使用 PoiLive2D 为你的博客添加一个看板娘

前言

最近不知道发什么就。。。。
这是闲逛时无意中看见的,来源于猫与向日葵
模型是从从手游药水制作师中提取的。

正文

那个,,,,作用及效果的话看屏幕左下角。。。

如果你对她很讨厌的话,就不要往下看了 :evil:

真.正文

1.下载文件

这里(本来想做插件的说但想想还是不了):
文件下载
2.上传到根目录

这个不用我教吧。。。要教的话我也不知道怎么教

3.在主题的function.php中加入下列代码
// 创建一个新字段存储用户登录时间
function git_insert_last_login( $login ) {
    global $user_id;
    $user = get_userdatabylogin( $login );
    update_user_meta( $user->ID, 'last_login', current_time( 'mysql' ) );
}
4.将以下代码加到相应位置
<!--加到头部-->
<div class="waifu" style="display: block;">
    <div class="waifu-tips"></div>
    <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
    <div class="waifu-tool">
        <span class="fui-home"></span>
        <span class="fui-eye"></span>
        <span class="fui-chat"></span>
        <span class="fui-user"></span>
        <span class="fui-photo"></span>
        <span class="fui-info-circle"></span>
        <span class="fui-cross"></span>
    </div>
  </div>
<!--加到头部结束-->
<!--加到尾部-->
<script async src="assets/xr/xr1.js"></script>
<script async src="assets/xr/xr2.js"></script>
<!--加到尾部结束-->

然后你需要做的是将压缩包中的文件进行适当修改以匹配你的主题,比如夜间模式(css)·鼠标移动到各部分的对应的提示(waifu-tips.json)

OK,你可以尽情的玩耍了!


祭夜blog , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:[教程]使用 PoiLive2D 为你的博客添加一个看板娘
喜欢 (11)
[1690127128@qq.com]
分享 (0)

(13)个小伙伴在吐槽
  1. 谢谢博主的分享,终于找到想要的资料了
    网赚钱2019-03-26 09:04 Windows 7 | Chrome 63.0.3239.132
  2. 哇塞终于看到想要的资料了,这个加上以后真的很可爱
    WAKEN薇肯2019-01-11 09:53 Windows 10 | Chrome 71.0.3578.98
  3. 哈哈,文件下载出错
    A72018-10-27 19:07 Windows 10 | Chrome 69.0.3497.81
  4. 你好站长 有没有视频之类的 我下载那个了 里面有个错误无法解压 我也按照步骤弄了 不显示
    2018-09-14 11:59 Windows 8.1 | 搜狗浏览器 2.X
  5. cqcadmin
    #流汗滑稽
    祭夜ゐ2018-07-19 18:48 Windows 10 | Chrome 67.0.3396.99
  6. 文章不错非常喜欢
    今天头条2018-05-31 00:59 Windows 7 | Chrome 55.0.2883.87
  7. 效果不错,顺手带走,感谢分享
    葛一速2018-05-20 23:14 Windows XP | Firefox浏览器 52.0
  8. 文件下载出错了。(´இ皿இ`)
    mar92018-04-16 14:21 Windows 10 | Chrome 67.0.3371.0
  9. 谢谢提供的源码。打包带走了哦。再次感谢
    mar92018-04-16 14:12 Windows 10 | Chrome 67.0.3371.0
  10. 还是不知道要怎么做,请问WordPress适用嘛~୧(๑•̀⌄•́๑)૭
    失去的秘密2018-03-12 07:06 Windows 10 | 搜狗浏览器 2.X
    • cqcadmin
      我用的就是wordpress,至于怎么做够清楚了。自己琢磨琢磨吧!
      祭夜ゐ2018-03-14 12:22 Linux | Chrome 57.0.2987.132
      • 好的,谢谢
        失去的秘密2018-03-14 12:32 Linux | Chrome 57.0.2987.132