首页BGM自动播放/随机播放

修改路径下wp-content/themes/Sakura/footer.php文件
大概第159的 DIV 标签内加一句
data-autoplay="ture"(自动播放代码)
data-order="random"(随机播放代码)

播放器想添加其他样式,请参考官方文本https://aplayer.js.org/#/zh-Hans/?id=%E5%8F%82%E6%95%B0

首页添加一言

  1. 修改wp-content/themes/Sakura/index.php文件
  2. 在大概第44行<h1 class="main-title" style="font-family: 'Ubuntu', sans-serif;"><i class="fa fa-envira" aria-hidden="true"></i> Discovery</h1>代码下添加如下代码
<h1 class="main-title"><center><span class="hitokoto" id="hitokoto">:D 获取中...</span></center></h1>


  1. 修改/wp-content/themes/Sakura/js/sakura-app.js文件,在其最后一行添加如下代码
/* 一言 */
function hitokoto() {
    var xhr = new XMLHttpRequest();
    xhr.open('get', 'https://v1.hitokoto.cn/?c=b&c=a&max_length=20');
    xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
        var data = JSON.parse(xhr.responseText);
        var hitokoto = document.getElementById('hitokoto');
        hitokoto.innerText = data.hitokoto;
    }
}
xhr.send();
}

首页随机图固定

修改wp-content/themes/Sakura/inc/decorate.php文件

将此代码'.rest_url('sakura/v1/image/cover').'改为自己要固定的图片链接URL

首页聚焦图图标修改

修改wp-content/themes/Sakura/layouts/feature.php文件大概9行左右中fa fa-anchor为自己喜欢图标代码

网站底部添加网站样式代码

个人备案号添加代码

粘贴下方代码wp后台-外观-Sakura主题设置-基本设置-页脚信息里

© 2020<a href="https://beian.miit.gov.cn/#/Integrated/index">此处填入个人备案号</a>

网站运行时间代码

  1. 粘贴下方代码,在主题目录下footer.php修改(路径下wp-content/themes/Sakura/footer.php文件)。(一般放到 html 的 </body> 标签之前),Date("3/2/2020 8:00:00") 改成自己创建站时间
<script type="text/javascript">
    function show_runtime() {
        window.setTimeout("show_runtime()", 1000);
        X = new Date("3/2/2020 8: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>

  1. 在网站页脚粘贴显示代码。Sakura主题直接把代码粘贴到wp后台-外观-Sakura主题设置-基本设置-页脚信息里
<span id="runtime_span"></span>

 底部logo

  1. 方法一:粘贴下方<!-- 底部图标 -->以下代码到wp后台-外观-Sakura主题设置-基本设置-页脚信息里

  2. 方法二:修改wp-content/themes/Sakura/footer.php。修改大概第31行,在<div class="footer-device">下增加下方代码

<div class="footer-device">

<p style="font-family: 'Ubuntu', sans-serif;">
<span style="color: rgba(0,0,0,.4);font-size:16px">
<!-- 底部图标 -->
<a href="https://www.aliyun.com/" target="_blank" alt="ALiYun" rel="nofollow">
<img src="个人图标链接" alt="aliyun" style="height: 1.7em; max-height: 1.8em;padding-bottom: 0px;">
</a>   

<a href="https://www.jsdelivr.com/" target="_blank" alt="Free CDN" rel="nofollow">
<img src="个人图标链接" alt="jsDelivr" style="height: 2em; max-height: 2em;padding-bottom: 0px;">
</a>  

<a href="https://github.com/" target="_blank" alt="Github" rel="nofollow">
<img src="个人图标链接" alt="github" style="height: 2.2em; max-height: 2.5em;padding-bottom: 0px;">
</a>  

修改手机端LOGO显示

  1. 修改style.css
    Ctrl+F找到@media (max-width:860px) { 所属的.site-header {

将红框一替换下列代码

.header-user-avatar img {
    display: none;/*移动端搜索关闭*/
    }
    i.iconfont.js-toggle-search.iconsearch {
    display: none;/*移动端登录关闭*/
    }
    .site-header {/*移动端logo后背板高度*/
    height: 65px;
    }

将红框二修改下列代码

.site-branding {
    float: right;
    height: 50px;
    line-height: 43px;
    margin-right: -30px;/*移动端logo位置*/
    margin-top: -10px;
}
  1. 修改footer.php

删除此代码:<h1 class="site-title"><a href="<?php bloginfo('url');?>" ><?php bloginfo('name');?></a></h1>

  1. 修改 Sakura(主题目录)/js/sakura-app.js

Ctrl+F 查找if(document.body.clientWidth > 860){ 将其注释掉


一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。