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

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

zbpNana 主题和 Nana 主题宽松型列表效果图
博客布局和列表页秒变宽松型方法
1、zbpNana主题
登录后台 >> zbpNana 主题配置 >> 基本设置 >> 在『页头额外代码』中填入以下代码即可(PS:如果想让文章之间的缝隙更大,只需要将 15px 改为更大的数值即可)。
- <style>.archive-list {border-bottom: none;background: #fff;margin: 0 0 15px;}.site-main .border_gray {border:none;background: #f2f2f2;}#post_list_box .abc-site {margin: 0 0 15px;}</style>
2、Nana主题
登录后台 >> 外观 >> 编辑 >> 点击 header.php 文件,在以下代码
- <?php wp_head(); ?>
的前面添加以下代码后点击『更新文件』即可
- <style>.archive-list {border-bottom: none;background: #fff;margin: 0 0 15px;}.site-main .border_gray {border:none;background: #f2f2f2;}#post_list_box .abc-site {margin: 0 0 15px;}</style>
历史上的今天:
- 2016: 为什么我们不愿意借钱给别人
文章标签:Nana主题 , zbpNana主题 , 实用教程
本文地址:https://www.yigujin.cn/1219.html
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!
本文地址:https://www.yigujin.cn/1219.html
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!
发表于2017-05-31 22:13 7楼
过来支持一个,为什么把我张雨生Mr博客改成企业站了!!!
@老张家信阳毛尖16年检测的时候,贵站域名跳转到企业站,现已恢复收录。PS:下次有问题请到相应站点的相应页面留言反馈,不要跨站留言反馈。
发表于2017-05-27 21:31 6楼
呵呵 不错
发表于2017-05-27 16:17 5楼
感觉还是紧凑型的更舒服点啊,鼠标滑过的时候,那种稍微立体浮动下的感觉很赞!
@福建筑梦seo
所以不建议直接改style.css文件,想要宽松型就添加一段代码,想紧凑型就直接删除恢复,挺方便的,下一次升级我整合到主题选项中去。
发表于2017-05-26 19:44 4楼
不错,很适用的方法!我最喜欢这类的设置了!很方便,很人性化!
@明月登楼一般都是集成到主题选项中,可以自定义CSS,这个就方便多了,好像鸟哥的主题就可以,我的还懒得整合进去
发表于2017-05-26 17:20 地板
喜欢宽松型
发表于2017-05-26 14:39 板凳
表示再也不愿意去换主题了.
@福利老幺我也不太想换,宁愿花时间把所使用的主题DIY,可能会更好
发表于2017-05-26 10:41 沙发
我有点喜欢紧凑型的了 [阴险]
@闲鱼
某些时候,很多人都是喜欢紧凑型的