首先致敬Sakura主题作者

PS:这里只介绍如何实现打字效果,简介颜色更改,社交效果更改请查看
Sakura主题美化系列(二)如何美化首页的一句话和社交卡片

我们先来看看效果

1.修改imgbox.php

首先,访问主题目录 /wp-content/themes/Sakura-master/layoutsimgbox.php

<div class="header-info">后面加入如下:
			<!-- 首页一言打字效果 -->
			<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 自动推荐的广告,不代表本站立场