给你的WordPress加上看板娘

残浔

发布于 2023-05-11 19:31:41

5680

发布于 2023-05-11 19:31:41

文章被收录于专栏：UQUQ

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

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>