WordPress博客添加看板娘

发布于 2020-05-22  84 次阅读 本文共871个字


1、首先下载 看板娘文件 

2、将下载好的文件上传到自己网站上合适的位置[要记住位置哦,后边有用]

3、找到你正在使用的主题下的header.php文件

cd wp-content/themes/xxx[你的主题名称]/header.php

添加代码[这里一定要找对自己刚才放的文件位置哦~]

<link rel="stylesheet" href="/live2d/css/live2d.css" />

4、 找到正在使用主题下的footer.php文件,在body结束标签前添加如下代码:

<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 = 'https://scar.vip/'  //此处修改为你的域名,必须带斜杠
</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)
        loadlive2d("live2d", "/live2d/model/pio/model_"+index+".json");
</script>

这里添加的文件也都注意文件目录哦~

好了,现在可以刷新下你的网站看看效果啦~


努力,只为遇见更好的自己!