在WordPress网站上添加看板娘
看板娘涉及 Live2D 技術，簡單來說就是用許多連續的圖像和建模在 2D 上做出動態的效果，有興趣可以自行上網了解，效果如下
接下來是在 WordPress 搭建的網站上添加看板娘的方法
📑對應
本文學習自《WordPress博客添加看板娘》
https://blog.csdn.net/THMAIL/article/details/105932140
🗃?附件
首先去下載看板娘相關文件
https://github.com/ixixii/KanBanMusume
將下載的看板娘相關文件（live2d 文件夾）上傳到該目錄下
隨后在服務器上找到 WordPress 站點目錄，如筆者的是 /www/wwwroot/[站點文件名]
在目錄底下找到 wp-content/themes/[WordPress使用的主題名稱]/header.php
在<head>和</head>之中添加以下代碼，將代碼中 href 和 src 屬性的 url 更換成你自己的
<!--Live2D show start--> <link rel="stylesheet" href="http://www.aaa.com/wp-content/live2d/css/live2d.css" /> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script> <!--Live2D show end-->在目錄底下找到 wp-content/themes/[WordPress使用的主題名稱]/footer.php
在</body>之前添加以下代碼，將代碼中 home_Path 變量， href 和 src 屬性的 url 更換成你自己的
<div id="landlord"><div class="message" style="opacity:0"></div><canvas id="live2d" width="280" height="250" class="live2d"></canvas><div class="hide-button">隱藏</div><div class="switch-button">換裝</div> </div><script type="text/javascript">var message_Path = '/live2d/'var home_Path = 'http://www.aaa.com' //此處修改為你的域名 </script> <script type="text/javascript" src="live2d/js/live2d.js"></script> <script type="text/javascript" src="live2d/js/message.js"></script> <script type="text/javascript">var index = Math.ceil(Math.random()*37)//index表示服裝編號，此處表示隨機切換服裝loadlive2d("live2d", "live2d/model/pio/model_"+index+".json"); </script>其中 index 表示服裝編號，取值范圍是 1-37，服裝具體樣式可在 live2d/model/pio/textures 中查看
可以自行對服裝樣式進行簡單的修改，如筆者不想要翅膀，則在PS里對png圖片進行編輯，將翅膀部分刪去即可。
🗃?附件
沒有翅膀的該看板娘版本相關文件可以從這里下載
https://github.com/dreature1328/KanBanMusume
總結
以上是生活随笔為你收集整理的在WordPress网站上添加看板娘的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 内容分析
- 下一篇： 采访 Paradigm合伙人 :Cryp