给你的WordPress加上看板娘

此版本看板娘可以变装 换人物 修改各种参数 首先下载live2d 文件 我已经打包好了 路径什么的都配好了 不要乱动

live2d下载

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

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

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

代码语言:javascript
复制
<link rel="stylesheet" type="text/css" href="/live2d/assets/waifu.css"/>

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

代码语言:javascript
复制
  <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>
&lt;script src=&#34;/live2d/assets/waifu-tips.js&#34;&gt;&lt;/script&gt;
&lt;script src=&#34;/live2d/assets/live2d.js&#34;&gt;&lt;/script&gt;

&lt;script type=&#34;text/javascript&#34;&gt;
    live2d_settings[&#39;modelId&#39;] = 1;
    live2d_settings[&#39;modelTexturesId&#39;] = 87;
	initModel(&#34;/live2d/assets/waifu-tips.json&#34;)
&lt;/script&gt;</code></pre></div></div><figure class=""><div class="rno-markdown-img-url" style="text-align:center"><div class="rno-markdown-img-url-inner" style="width:90.06%"><div style="width:100%"><img src="https://cdn.static.attains.cn/app/developer-bbs/upload/1723158608973615392.png" /></div></div></div></figure><h4 id="a404m" name="%E5%AE%9A%E5%88%B6%E4%BD%A0%E7%9A%84%E7%9C%8B%E6%9D%BF%E5%A8%98-%E4%BF%AE%E6%94%B9-live2d/assets/waifu-tips.js-%E5%8F%82%E6%95%B0-%E9%BB%98%E8%AE%A4%E7%9C%8B%E6%9D%BF%E5%A8%98-%E7%9C%8B%E6%9D%BF%E5%A8%98%E5%A4%A7%E5%B0%8F-%E4%B8%80%E8%A8%80api-%E7%AD%89%E7%AD%89">定制你的看板娘 修改 live2d/assets/waifu-tips.js 参数 默认看板娘 看板娘大小 一言api 等等</h4><figure class=""><div class="rno-markdown-img-url" style="text-align:center"><div class="rno-markdown-img-url-inner" style="width:100%"><div style="width:100%"><img src="https://cdn.static.attains.cn/app/developer-bbs/upload/1723158609405892988.png" /></div></div></div></figure><h4 id="3f3lh" name="%E5%AE%9A%E5%88%B6%E7%9C%8B%E6%9D%BF%E5%A8%98%E6%8F%90%E7%A4%BA%E8%AF%AD-%E4%BF%AE%E6%94%B9-live2d/assets/waifu-tips.json">定制看板娘提示语 修改 live2d/assets/waifu-tips.json</h4><figure class=""><div class="rno-markdown-img-url" style="text-align:center"><div class="rno-markdown-img-url-inner" style="width:100%"><div style="width:100%"><img src="https://cdn.static.attains.cn/app/developer-bbs/upload/1723158610019195235.png" /></div></div></div></figure><blockquote><p>项目地址 https://github.com/fghrsh/live2d_demo</p></blockquote>