知更鸟begin主题面包屑导航栏美化

avatar
avatar
自然
3257
文章
472
评论
2019年10月7日10:31:05 4 900字阅读3分0秒

前提说明一下,这个教程仅适用于最新版本的知更鸟begin主题,适用老版本begin主题的用户需要自己适配,放心很简单的。每个人对于主题的选择是不一样的,大多数只能找到一个相对于符合自己审美wordpress主题,几乎每个人都会对自己的主题进行一番改造,使其趋于完美。

知更鸟begin主题面包屑导航栏美化

今天自然就来和大家分享一下自己对知更鸟begin主题面包屑导航的美化代码,这段代码是从“去看你博客”获得的,修改后的面包屑导航样式更加美观,没有任何突兀感。

修改stytle.css文件

在主题根目录下找到stytle.css文件,打开并查找一下代码:

  1. .bread {
  2.     width1120px;
  3.     height25px;
  4.     line-height25px;
  5.     margin: 0 auto;
  6.     padding-left10px;
  7.     whitewhite-spacenowrap;
  8.     word-wrap: normal;
  9.     text-overflow: ellipsis;
  10.     overflowhidden;
  11. }

将上面的代码替换为:

  1. .bread {
  2.         margin10px auto;
  3.         border1px solid #ddd;
  4.         border-radius: 2px;
  5.         background-color#fff;
  6.         padding-top4px;
  7.         padding-bottom4px;
  8.         padding-left10px;
  9. }

2019/10/30补充说明:

如果你不想修改stytle.css文件,可以将代码添加到后台主题样式中,并在花括号内尾部加上

  1.     heightauto!important;
  2.     margin5px auto 5px auto!important;}

美化前后对比

美化前:

知更鸟begin主题面包屑导航栏美化

美化后:

知更鸟begin主题面包屑导航栏美化

总结

美化前和主题看着不是很搭配,可能是个人审美作祟。美化之后的主题样式,看上去更加有模块感,自然就是喜欢这种一块一块的感觉。如果你也喜欢这种样式,不妨动手试试。

weinxin
自然博客
快来关注一下,一个linux运维爱好者的个人博客!
avatar
  • 本文由 发表于 2019年10月7日10:31:05
AlphaSSL 域名通配符型DV SSL证书
全网通流量卡/物联卡 SIM专用上网卡
利用短代码给WordPress文章内创建图文内链 Wordpress美化

利用短代码给WordPress文章内创建图文内链

文章的内部链在搜索引擎优化链接建设中一直非常重要,良好的内部链结构对搜索引擎优化非常有利。今天自然给小伙伴们分享一下利用短代码给WordPress文章内创建图文内链的方法。 网上的效果对比 百度上的方...
知更鸟begin主题文件下载信息框美化 Wordpress美化

知更鸟begin主题文件下载信息框美化

由鸟哥开发的begin主题一直以来,广受用户喜爱。我们的主题交流群都已经爆满了,可以火热程度。但是使用中自然发现了一个小问题,文章内的附件下载信心框很单调,有些内容显示出来让用户不明所以,这一点不利于...
知更鸟begin主题评论回复框和评论提交按钮美化 Wordpress美化

知更鸟begin主题评论回复框和评论提交按钮美化

自然的建站运维之路就是不断的折腾,发现不一样的风景。浏览本站的小伙伴或许已经发现自然博客的评论框及评论提交按钮和主题原来的样式有一定的差别,看上去不难生硬,显得更加舒服。 评论框美化 自然给评论框添加...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:4   其中:访客  0   博主  0
    • avatar 黑猫 0

      我没找到这段代码怎么办

        • avatar 自然

          @ 黑猫 新版本搜索关键词.bread,老版本搜索关键词.breadcrumb。

        • avatar 被遗忘的大侠 0

          你好博主,请问知更鸟模板在哪里下载?

            • avatar 自然

              @ 被遗忘的大侠 如果条件允许请支持正版:http://zmingcx.com/
              如果只是尝鲜,可以在百度搜索破解版本