WordPress子比主题美化(页面+配置+操作)

本页主题美化内容部分来自互联网收集!如果你也想美化自己的网站,快来一起看看吧!本页面会持续更新喔!

1.1 子比主题说明

  • zibll.com是Zibll子比主题唯一官网,子比主题受国家版权保护,著作权登记号: 2021SR0401471
  • 使用盗版主题对您的网站及财产安全将会带来无数的未知风险!同时,开发不易,我们一直在努力让子比主题变得更加美好,为了您的权益及作者的不易,真诚的呼吁每一位用户:支持正版,从我做起!

1.2 子比主题美化

  • 子比主题是一款流行的WordPress主题,它具有丰富的功能和强大的可定制性,但是一些用户对这款主题的默认可视化效果可能并不满意。
  • 在本文中,我们介绍一些可以对子比主题进一步美化的基本方法,主要包括CSS和HTML代码的调整和美化。

1.2.1 首页布局美化

  • 主要包括子比主题首页主内容添加、侧边栏添加内容等操作!

操作

wordpress网站后台→外观→小工具–>选择你所需要的小工具将其放到【首页-侧边栏】位置上,也可点击自定义,进行实时预览修改。

将选用的小工具按如下进行:

图片[1]_WordPress子比主题美化教程(页面+配置+代码)

wordpress网站后台→外观→自定义,点击小工具,想要把内容加在主内容上面/下面,就按照如下页面进行自己选择。自定义可以实时预览,查看更改的效果!

图片[2]_WordPress子比主题美化教程(页面+配置+代码)

将以下代码添加到子比主题设置-全局&功能-自定义代码css中

.navbar-search.show {
    background-image: url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01M9YhgY1QbIhzAZH6W_!!2210123621994.png);
}
图片[3]_WordPress子比主题美化教程(页面+配置+代码)

添加到子比主题自定义 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});});
图片[4]_WordPress子比主题美化教程(页面+配置+代码)

将以下代码放到自定义CSS里面即可!

打开宝塔面板,在 zibll 主题目录下,themes/zibll/footer.php 文件中的“</footer>”下面添加下面的代码:

1.2.2 菜单栏美化

/*导航栏字体加粗开始*/
/*by:趣极宝-www.zccdr.com*/
ul.nav {font-weight: 700;}
/*by:趣极宝-www.zccdr.com*/
/*导航栏字体加粗结束*/

具体操作演示:点此查看

图片[6]_WordPress子比主题美化教程(页面+配置+代码)
THE END
喜欢就支持一下吧
点赞14 分享
版权声明 1 本网站名称:趣极宝资源网
2 本站永久网址:https://www.zccdr.com/
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ邮箱1955281786@qq.com进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。