【嘉然live2d】来给WP网站添加一个live2d

【嘉然live2d】来给WP网站添加一个live2d

【嘉然live2d】来给WP网站添加一个live2d-淇云博客-专注于IT技术分享
【嘉然live2d】来给WP网站添加一个live2d
此内容为免费资源,请登录后查看
0
限时特惠
88
技术支持
一对一服务
质量保证
安装调试
免费资源

look,同款下图的成果~

图片[1]-【嘉然live2d】来给WP网站添加一个live2d-淇云博客-专注于IT技术分享
图片[2]-【嘉然live2d】来给WP网站添加一个live2d-淇云博客-专注于IT技术分享

教程开始

  • 下载解压包,上传到你的 主题目录 上。
  • 然后复制下面代码 保存到 主题目录的 footer.php文件 放在</body>的下面,并修改成你的live2d路径
<!--live2d--> 
<script src="/wp-content/themes/Sakura/killua/live2d/TweenLite.js"></script> 
<script src="/wp-content/themes/Sakura/killua/live2d/live2dcubismcore.min.js"></script>
<script src="/wp-content/themes/Sakura/killua/live2d/pixi.min.js"></script> 
<script src="/wp-content/themes/Sakura/killua/live2d/cubism4.min.js"></script> 
<link href="/wp-content/themes/Sakura/killua/live2d/pio.css" rel="stylesheet" type="text/css"/> 
<script src="/wp-content/themes/Sakura/killua/live2d/pio.js"></script> 
<script src="/wp-content/themes/Sakura/killua/live2d/pio_sdk4.js"></script> 
<script src="/wp-content/themes/Sakura/killua/live2d/load.js"></script>

再修改live2d中的load.js文件 40,41 行代码,并修改成你的live2d路径

"/wp-content/themes/Sakura/killua/live2d/Diana/Diana.model3.json", 
"/wp-content/themes/Sakura/killua/live2d/Ava/Ava.model3.json",

改为你上传的链接地址。完成

一些其他事项,使用后你会发现,当你鼠标移动到文章或其他什么地方的时候,嘉然上面的气泡会显示:

你想要了解更多”xxxxxx”吗?

哪怕xxx是空字符串,也会显示成:你想要了解更多””吗?

所以如果你想修改的话,可以去live2D文件夹下的pio.js里面增加对应的判断 ,也可以删掉前缀和后缀文字

//增加判定,当移动到链接上,innerText不为空的时候才冒泡,并且删掉了前缀和后缀
 if(this.innerText!="")
{ //modules.render("想了解一下 %t 吗?".replace(/%t/, "“" + this.innerText + "”") 
modules.render("%t".replace(/%t/, this.innerText )); }

删除右侧功能按键

看板娘右侧 5 个按键中的第 4 个用以切换暗黑模式,该按键目前无法得到很好的支持。如果你想删除该按键,可在 pio.css 中搜索 .pio-action .pio-night 并添加 display: none; 声明。

如果你想删除右侧所有按键,可以在 pio.css 中添加 .pio-action{display:none !important;} 来解决。

------本页内容已结束,喜欢请分享------
Invitation
QiYun
715366739
created:04/09/2022
Welcome to Candyhome

Use this card to join the candyhome and participate in a pleasant discussion together .

Welcome to Knlde's candyhome,wish you a nice day .

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞12赞赏 分享
评论 抢沙发
头像
请认真评论,发表纯数字纯表情做禁言处理!
提交
头像

昵称

取消
昵称常用语表情代码图片