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

2017年05月26日 09:24:34  阅读 885 次 评论 12 条

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://www.yigujin.cn/1219.html
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!

相关文章 分类热门分类热评随机文章

阿里云双12嘉年华:1核2G服务器367元/年,2核4G服务器959元/年,4核8G服务器5M带宽2090元/年。

发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

表情

  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. 福利老幺
    福利老幺 @回复

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

  7. 闲鱼
    闲鱼 @回复

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