首先致敬Sakura主题作者
PS:这里只介绍如何实现打字效果,简介颜色更改,社交效果更改请查看
Sakura主题美化系列(二)如何美化首页的一句话和社交卡片
我们先来看看效果
1.修改imgbox.php
首先,访问主题目录 /wp-content/themes/Sakura-master/layouts
的imgbox.php
<!-- 首页一言打字效果 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/typed.min.js"></script>
<i class="fa fa-quote-left"></i>
<span class="element">疯狂造句中......</span>
<i class="fa fa-quote-right"></i>
<span class="element"></span>
<script>
var typed = new Typed('.element', {
strings: ["给时光以生命,给岁月以文明", "寒蝉黎明之时,便是重生之日。","当你在凝视着网页的时候,网页也正在凝视着你"], //输入内容, 支持html标签
typeSpeed: 140, //打字速度
backSpeed: 50, //回退速度
loop: false,//是否循环
loopCount: Infinity,
showCursor: true//是否开启光标
});
</script>
修改完成后保存就可以查看效果了
2.自定义修改
注意*这是一则由 Google AdSense 自动推荐的广告,不代表本站立场