给你的WordPress加上看板娘

如图

live2d  下载      

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

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

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

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

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

<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 等等

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

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

感谢您的来访，获取更多精彩文章请收藏本站。