为wordpress添加一名看板娘

第一步：下载Live2D

如果你是使用wordpress插件方式安装，那么可以直接忽略下面的所有步骤。Live2D下载，如果打不开可以使用文章下方的网盘进行下载。

第二步：引入看板娘

为了不影响网页加载延迟，我们在</body>前方引入看板娘文件以及jquery，如果不需要看板娘对话，可以不引入jquery；
我们将看板娘文件全部上传至网站目录，位置随意，引入时修改即可，接下来在footer.php的</body>标签前加入以下代码：

<link href="<!-- 看板娘所在目录的链接 -->/live2d/css/live2d.cs" rel="stylesheet" type="text/css">
<!-- 引入看板娘css文件 -->
<div id="landlord" style="pointer-events:none">
<div class="message" style="opacity:0;"></div>
<canvas id="live2d" width="280" height="500" class="live2d" style="position: fixed;opacity: 0.8;z-index: 99999; pointer-events: none;"></canvas>
</div>
<script type="text/javascript">
    var message_Path = "<!-- 看板娘所在目录的链接 -->/live2d/"
    var home_Path = "<!-- 你的网址 -->"
  </script>
  <script type="text/javascript" src="<!-- 看板娘所在目录的链接 -->/live2d/js/live2d.js"></script>
<!-- 引入看板娘js文件 -->
  <script type="text/javascript" src="<!-- 看板娘所在目录的链接 -->/live2d/js/message.js"></script>
  <script type="text/javascript">
    loadlive2d("live2d", "<!-- 看板娘所在目录的链接 -->/live2d/model/sw/model.json");
<!-- 引入看板娘模型 -->
  </script>

全部代码添加完成之后按住shift+F5强制刷新浏览器即可看到效果(也可以清空浏览器缓存之后直接刷新缓存)。 最后给大家几个看板娘模型的下载地址：live2d模型  Live2d模型  更多模型请自行百度下载