为WordPress博客添加看板娘

效果图如下：https://www.georgie.cn/

下载

下载地址：https://gitee.com/georgie233/files/raw/master/WordPress/plugs/live2d.zip

该压缩包已经自带37套服饰、支持换装功能、支持经典动漫台词展示

安装使用

 将下载的压缩包 上传到网站当前的主题目录下的plugs文件夹下,并解压

例如：/www/wwwroot/www.georgie.cn/wp-content/themes/Sakura-master/plugs

在主题的header.php文件中添加以下代码

<link rel="stylesheet" href="<?=bloginfo('template_url')?>/plugs/live2d/css/live2d.css" />
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>

在主题的footer.php文件中body标签结束前添加以下代码

<script type="text/javascript">
    var message_Path = '<?=bloginfo('template_url')?>/plugs/live2d/'
    var home_Path = 'https://www.georgie.cn/'  //此处修改为你的域名，必须带斜杠
</script>
<script type="text/javascript" src="<?=bloginfo('template_url')?>/plugs/live2d/js/live2d.js"></script>
<script type="text/javascript" src="<?=bloginfo('template_url')?>/plugs/live2d/js/message.js"></script>
<script type="text/javascript">
    loadlive2d("live2d", `<?=bloginfo('template_url')?>/plugs/live2d/model/pio/model_${Math.floor(Math.random()*37+1)}.json`);
</script>

芜湖搞定收工！