本页主题美化内容部分来自互联网收集!如果你也想美化自己的网站,快来一起看看吧!本页面会持续更新喔!
1.1 子比主题说明
- zibll.com是Zibll子比主题唯一官网,子比主题受国家版权保护,著作权登记号: 2021SR0401471
- 使用盗版主题对您的网站及财产安全将会带来无数的未知风险!同时,开发不易,我们一直在努力让子比主题变得更加美好,为了您的权益及作者的不易,真诚的呼吁每一位用户:
支持正版,从我做起!
1.2 子比主题美化
- 子比主题是一款流行的WordPress主题,它具有丰富的功能和强大的可定制性,但是一些用户对这款主题的默认可视化效果可能并不满意。
- 在本文中,我们介绍一些可以对子比主题进一步美化的基本方法,主要包括CSS和HTML代码的调整和美化。
1.2.1 首页布局美化
- 主要包括子比主题首页主内容添加、侧边栏添加内容等操作!
操作
wordpress网站后台→外观→小工具–>选择你所需要的小工具将其放到【
将选用的小工具按如下进行:
wordpress网站后台→外观→自定义,点击小工具,想要把内容加在主内容上面/下面,就按照如下页面进行自己选择。自定义可以
将以下代码添加到子比主题设置-全局&功能-自定义代码css中
.navbar-search.show {
background-image: url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01M9YhgY1QbIhzAZH6W_!!2210123621994.png);
}
添加到子比主题自定义 CSS 代码中:
第一步:JS链接引入,直接将下面的代码放到:子比主题→自定义头部HTTML代码。
<script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script>
第二步:直接将下面的代码放到:子比主题→自定义javascript代码即可。
$(".toggle-theme").click(function() {var toggleThemeText = "当前为日间模式";if (!$("body").hasClass('dark-theme')) {toggleThemeText ="当前为夜间模式";}layer.msg(toggleThemeText, {time: 2000,anim: 1});});
将以下代码放到自定义CSS里面即可!
打开宝塔面板,在 zibll 主题目录下,themes/zibll/footer.php 文件中的“</footer>”下面添加下面的代码:
效果图如下:
1.2.2 菜单栏美化
/*导航栏字体加粗开始*/
/*by:趣极宝-www.zccdr.com*/
ul.nav {font-weight: 700;}
/*by:趣极宝-www.zccdr.com*/
/*导航栏字体加粗结束*/
具体操作演示:
THE END