给wordpress加上看板娘


此版本看板娘可以变装 换人物 修改各种参数

首先下载live2d 文件 我已经打包好了 路径什么的都配好了 不要乱动

live2d下载

然后当前网站根目录解压 解压好如下图 可以看一下路径是不是对的 live2d/assets/


给wordpress加上看板娘


然后去当前主题插入 /wp-content/themes/当前使用的主题/

编辑header.PHP 文件 找到 </head> 在其上方插入以下css引入代码 保存即可


给wordpress加上看板娘


<link rel="stylesheet" type="text/css" href="/live2d/assets/waifu.css"/>

编辑 footer.php 找到 </body> 在其上方插入以下js引入代码 保存即可


给wordpress加上看板娘


  <div class="waifu">
        <div class="waifu-tips"></div>
        <canvas id="live2d" class="live2d"></canvas>
        <div class="waifu-tool">
            <span class="fui-home"></span>
            <span class="fui-chat"></span>
            <span class="fui-eye"></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 src="/live2d/assets/waifu-tips.js"></script>
    <script src="/live2d/assets/live2d.js"></script>
    
    <script type="text/javascript">
        live2d_settings['modelId'] = 1;
        live2d_settings['modelTexturesId'] = 87;
    	initModel("/live2d/assets/waifu-tips.json")
    </script>

定制你的看板娘 修改 live2d/assets/waifu-tips.js 参数 默认看板娘 看板娘大小 一言api 等等


给wordpress加上看板娘


定制看板娘提示语 修改 live2d/assets/waifu-tips.json


给wordpress加上看板娘


github项目地址 https://github.com/fghrsh/live2d_demo

原文:https://canxun.pro/45

评论(0条)

请登录后评论
下载呢

下载呢 Rank: 16

0

0

0

( 此人很懒并没有留下什么~~ )