WordPress和子比主题模板&网站美化方法教程-已更新到:22-11-27

• 分为三个步骤
• 1.将下面的 PHP 代码加入到主题目录下：themes/zibll/functions.php 文件中。

说明：请自己修改上面有关于自己网站的信息，改成自己网站信息即可，图标可以用阿里矢量图。

2.在主题目录themes/zibll/inc/functions/zib-single.php 文件中，文章分页函数（我的是在 322 行，因为我的代码有改动，所有不确定行数，见下图）下面添加下方代码即可。

PHP 代码：

article_time_update();//文章过期提示

3.CSS 代码：（在自定义 CSS 样式添加下面代码）

/*过期文章提示样式*/
.article-timeout{position:relative; border-radius: 8px; position: relative; margin-bottom: 25px; padding: 10px; background-color: var(--body-bg-color);}

在 zibll 主题目录下，themes/zibll/footer.php 文件中的“</footer>”（重要）下面添加下面的代码：

1.子比主题设置—>自定义代码—>自定义javascript代码：,添加以下代码：

2.子比主题设置—>自定义代码—>自定义底部HTML代码,添加以下代码：

• 在主题目录下go.php文件里面的全部代码清空，然后把下面的代码复制进去即可。替换原来的即可。
• 更新主题和修改前记得备份go.php。

注意：修改代码内的第 108 行的 logo 地址，本教程适用于子比主题最新版，其他主题请自行测试。

后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可

1、在后台子比主题设置—自定义 CSS 样式 添加以下代码：

#percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;}
/*by：沐语博客 www.MYBK.top*/
/*底部可爱底线提示*/

2、在 zibll 主题目录下，themes/zibll/footer.php 文件中的“第一行”（重要）下面添加下面的代码：

<!--底部可爱底线提示-->
<!--by：沐语博客 www.MYBK.top-->
<div class="app_normal window" style="padding-top:" data-reactroot=""><div class="common_container lastpagenotice_noticewrap"><img src="https://z3.ax1x.com/2021/08/25/hZZUjU.png" data-spm-anchor-id="a2ha1.14919748_WEBHOME_GRAY.0.i1"><div class="lastpagenotice_text"  style="color:#6699FF;font-weight:bold;">我也是有底线哒~</div><div class="lastpagenotice_line"></div></div></div>
<!--底部可爱底线提示-->