写在前面:

这里几乎都是参照各位大佬的教程来的,可能有一些我会参照自己的例子写的更详细,不过这也是为了方便我自己的改动,怕自己过几天就忘了233。所以如果这篇如果帮到了你,可以顺着链接去看看其他大佬的博客,他们还有其他更厉害的教程。

ps:还有一件事如果你要改动css文件你必须打开Sakura主题CDN→本地调用主题 js、css 文件(sakura-app.js、style.css)打上勾,不然改动不成立哦

1.菜单会动的小图标

照的是维安雨轩大佬的教程

首先先在后台→外观→菜单 添加一个菜单在首页


我先贴出链接文本的代码范本

<span class="faa-parent animated-hover"><i class="fa fa-gamepad faa-pulse"></i> 游戏</span>

只需要在图标库选择 然后选择你想要的图标

复制将我这边代码<i></i>里面的东西替换然后打开这里的动画库链接找到一个

你喜欢的动画效果复制前的代码然后替换我圈出来的部分

也就是"(引号)到“e”这一部分

后面菜单名称就随便改啦!

成品:

2.自定义左边下拉图标

首先你如果想自定义一个自己的下拉图标,你需要会基本的ps这边会给出原版的图标供你ps ,当你p好图后你就需要找到对应的地点给替换掉原来图标的URL原来图标的URL位置在

Sakura主题文件夹下style.css里面的大概在1841行左右cd-top的background里。
这里提供一个原版的图片供你参考(对着p就好):下载链接

3.如何让aplayer自动播放

在Sakura主题目录里footer.php 文件大概第157的 DIV标签内加一句 data-autoplay="ture"

4.如何让背景不再枯燥

可以直接搜索一个叫Canvas-Nest.js的插件启用即可

效果:

5.网站底部添加网站运行时间代码

此参考的是蘑菇大大的博文

首先直接粘贴代码在Sakura主题下header.php里粘贴代码

<script type="text/javascript">function show_runtime() {
window.setTimeout("show_runtime()", 1000);
X = new Date("3/28/2020 7:00:00");
Y = new Date();
T = (Y.getTime() - X.getTime());
M = 24 * 60 * 60 * 1000;
a = T / M;
A = Math.floor(a);
b = (a - A) * 24;
B = Math.floor(b);
c = (b - B) * 60;
C = Math.floor((b - B) * 60);
D = Math.floor((c - C) * 60);
       runtime_span.innerHTML = "站台的车离站已经: " + A + "天" + B + "小时" + C + "分" + D + "秒"
}
show_runtime();</script>

把这下面这条时间改成你的时间

X = new Date("3/28/2020 7:00:00")

最后在footer.php里面添加

<p><span id="runtime_span"></span></p>

具体在30行</div>后面加就行

个人第一次更新有什么错误请您及时指正。也欢迎去原博主那边学习。谢谢


一个乐天派的逗比~