wordpress安装live2D看板娘的心得

最后更新于 2023-07-03 534 次阅读


博主的wordpress一开始使用的Live2D看板娘是随着博主现在使用的主题sakurairo安装的,但是博主的sakurairo主题在更新后,live2d小人就莫名其妙没了。。所以博主参考了一下当前网上wordpress安装live2D看板娘的方法,重新安装了博客的live2D看板娘。但是在安装过程也碰上了其他博主教程中没有写明白的事情,所以特在此记录一下。

博主参考的教程为:在 WordPress 上添加 moc3 Live2d 看板娘的超简单方法——作者:[澄沨](https://champhoon.xyz/)

1.在wordpress后台中安装“Live 2D”插件

进入wordpress后台:插件→安装插件中搜索“live 2d”插件,可以看到名为“weifang chiang”的作者的live2d插件:live2Dwebcanvas,选择安装,然后启用插件。

2.进入插件设置

新版本这个插件,需要在作者的网站上注册帐号并在自己的插件里进行登录后,插件才能正常使用。

注册帐号的网站为:http://www.live2dweb.com/SingleLogin?ReturnUrl=%2FSites

3.去下载相应的moc3模型

我们可以前往imuncle大佬的github项目地址:https://github.com/imuncle/live2d里边下载我们想要的moc3模型。其中,可以进入live2d cubism2演示站live2d cubsim3演示站中挑选自己喜欢的模型后,再去进行下载。博主这里也将模型上传到了百度网盘,大家也可以在这里下载:模型下载

4.将模型上传到服务器

下载下来的模型文件,可以上传到服务器博客的wordpress的安装目录下的wp-content文件夹下。

例如我这边想使用提尔比茨这个模型,那我就把tierbici——2这个文件夹上传到服务器的wp-content目录下,然后记录下xxxxxx.model3.json这个文件在服务器上的地址

我这里把文件夹上传到了博客服务器的/www/wwwroot/myblog/wp-content/live2d/目录下,那么我的xxxxx.model3.json的目录就是/www/wwwroot/myblog/wp-content/live2d/tierbici_2

5.配置Live2D插件参数

进入插件的基础设置,将xxxxxx.model3.json的路径地址填进模型API中,如果上一步你的模型放在了wp-content目录下,那这一步你要填的路径就是:网站url/wp-content/xxxx/xxxx.model3.json

例如我这边,我xxxxx.model3.json的目录是/www/wwwroot/myblog/wp-content/live2d/tierbici_2,那我这边模型的api就是:https://nailin.wisky.top/wp-content/live2d/tierbici_2/tierbici_2.model3.json

点击 保存更改,刷新博客后,不出意外 moc3 模型的看板娘就已经显示在博客上了,但是 moc3 模型的看板娘搭配该插件显示的时候都会比较小,我们只需要搭配微调 模型缩放倍数看板娘样式设置 中的 看板娘大小 等设置即可。

如下图可见,看板娘已经出来了。