zbpNana主题和Nana主题列表页秒变宽松型

2017年05月26日 09:24:34  阅读 435 次

zbpNana 主题Nana 主题的分类列表页和博客布局中,文章之间连接很紧没有空隙,这种布局我称只为紧凑型。不过看腻了这种布局,又想要回那种文章之间有一个比如 15px 左右的缝隙的宽松型布局怎么办呢?其实这个还是很简单的,只需要添加一小段 CSS 代码即可。

温馨提示

zbpNana主题V1.7版本已经将文章列表页紧凑型和宽松型集成到主题配置选项中,可以后台直接一键切换,已升级到V1.7版本的用户可直接跳过本文。

zbpNana 主题和 Nana 主题紧凑型列表效果图

zbpNana 主题和 Nana 主题宽松型列表效果图

博客布局和列表页秒变宽松型方法

1、zbpNana主题

登录后台 >> zbpNana 主题配置 >> 基本设置 >> 在『页头额外代码』中填入以下代码即可(PS:如果想让文章之间的缝隙更大,只需要将 15px 改为更大的数值即可)。

  1. <style>.archive-list {border-bottomnone;background#fff;margin: 0 0 15px;}.site-main .border_gray {border:none;background#f2f2f2;}#post_list_box .abc-site {margin: 0 0 15px;}</style>

zbpNana主题和Nana主题列表页秒变宽松型 技术文档 第3张

2、Nana主题

登录后台 >> 外观 >> 编辑 >> 点击 header.php 文件,在以下代码

  1. <?php wp_head(); ?>

的前面添加以下代码后点击『更新文件』即可

  1. <style>.archive-list {border-bottomnone;background#fff;margin: 0 0 15px;}.site-main .border_gray {border:none;background#f2f2f2;}#post_list_box .abc-site {margin: 0 0 15px;}</style>

zbpNana主题和Nana主题列表页秒变宽松型 技术文档 第4张

如果文章对你有帮助,请赞赏支持懿古今发展!

历史上的今天:

本文地址:https://yigujin.cn/1219.html
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!
淘宝天猫无门槛专享优惠券

发表评论


表情

  1. 老张家信阳毛尖
    老张家信阳毛尖 【实习】 @回复

    过来支持一个,为什么把我张雨生Mr博客改成企业站了!!!

    • 懿古今
      懿古今【老板】2017-06-01 08:45  回复

      @老张家信阳毛尖16年检测的时候,贵站域名跳转到企业站,现已恢复收录。PS:下次有问题请到相应站点的相应页面留言反馈,不要跨站留言反馈。

  2. 好书推荐排行榜
    好书推荐排行榜 【副总】 @回复

    呵呵 不错

  3. 福建筑梦seo
    福建筑梦seo 【实习】 @回复

    感觉还是紧凑型的更舒服点啊,鼠标滑过的时候,那种稍微立体浮动下的感觉很赞!

    • 懿古今
      懿古今【老板】2017-05-27 17:48  回复

      @福建筑梦seo[嘻嘻] 所以不建议直接改style.css文件,想要宽松型就添加一段代码,想紧凑型就直接删除恢复,挺方便的,下一次升级我整合到主题选项中去。

  4. 明月登楼
    明月登楼 【副总】 @回复

    不错,很适用的方法!我最喜欢这类的设置了!很方便,很人性化!

    • 懿古今
      懿古今【老板】2017-05-27 17:51  回复

      @明月登楼一般都是集成到主题选项中,可以自定义CSS,这个就方便多了,好像鸟哥的主题就可以,我的还懒得整合进去

  5. 香港高防服务器
    香港高防服务器 【实习】 @回复

    喜欢宽松型

  6. 福利老幺
    福利老幺 【实习】 @回复

    表示再也不愿意去换主题了.

    • 懿古今
      懿古今【老板】2017-05-27 17:51  回复

      @福利老幺我也不太想换,宁愿花时间把所使用的主题DIY,可能会更好

  7. 闲鱼
    闲鱼 【助理】 @回复

    我有点喜欢紧凑型的了 [阴险]

    • 懿古今
      懿古今【老板】2017-05-26 11:50  回复

      @闲鱼[偷笑] 某些时候,很多人都是喜欢紧凑型的