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

look，同款下图的成果~

教程开始

下载解压包，上传到你的主题目录上。
然后复制下面代码保存到主题目录的 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;} 来解决。

压缩包下载地址：【嘉然live2d】来给WP网站添加一个live2d-淇云博客-专注于IT技术分享

【嘉然live2d】来给WP网站添加一个live2相关推荐

NProgress.js - 前端全站进度条插件 - 给你的网站添加一个加载进度条
0x00 前言前几天给博客换了@Veen Zhao大佬的Cuteen主题,非常好看,但是因为不想让自己的博客和其他人的千篇一律,于是决定在Cuteen主题的前提下逐渐设计一些自己需要的东西.正巧前几 ...
怎样给自己的网站添加一个在浏览器标签、地址栏左边和收藏夹上显示的缩略logo标志
问题描述不知道,大家有没有注意,有的网站,地址栏上都有一个小图标,如csdn或者是百度. 但是我个人做的网站就没有,怎样添加这样的图标呢? 其实,这个是通过favicon.ico来控制的. favi ...
【网站】给网站添加一个夜间模式切换按钮
使用CSS和JavaScript在明暗模式之间切换. 1.添加CSS 设置<body>元素的样式并创建.dark-mode用于切换的类 body {padding: 25px;backgr ...
给网站添加一个初音未来代码
一款动态初音未来美化代码,二次元风格,装饰你的网站也不是错的,图片链接采用QQ图床,快速又稳定,感谢支持!  <style> .cywl { posi ...
给你的网站添加一个中国新年灯笼挂件（网页/博客美化）
效果预览实际使用默认 <body><script src="https://cdn.jsdelivr.net/gh/fz ...
live2d 3行代码为网站添加萌萌哒看板娘
3行代码为网站添加萌萌哒看板娘看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用类似品牌形象代 ...
Ztmao主题猫wordpress主题经典失传版/WP网站模板下载站源码+全局SEO功能设定
Ztmao主题猫wordpress主题经典失传版/WP网站模板下载站源码+全局SEO功能设定,主题猫主要提供 wordpress 网站模板.wordpress 博客主题-wordpress 企业主题下 ...
怎么给WordPress网站添加固定的百度分享按钮？
怎么给WordPress网站添加固定的百度分享按钮?WordPress固定在页面左侧的百度分享按钮,可方便读者分享自己喜欢的文章,本文教你把这个固定的分享按钮添加到其它主题中. 1.第一步,在你所用主 ...
怎样开启服务器网页压缩,网站怎么启动GZIP压缩方法（DZ，WP网站开启）
什么是网页GZIP压缩网页GZIP压缩是一项由 WEB 服务器和浏览器之间共同遵守的协议,也就是说 WEB 服务器和浏览器都必须支持该技术,所幸的是现在流行的浏览器都是支持的,包括 IE.FireF ...

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

教程开始

删除右侧功能按键

【嘉然live2d】来给WP网站添加一个live2相关推荐

最新文章

热门文章