这是优化后的样子，感官视觉更合适现在的主题布局。
推荐设置
此教程被标记为推荐内容，建议优先阅读。
具体设置方法
更改文件路径：main.css ( inc/assets/css/main.css )
1. 修改底部间距
原代码
.footer_main {
position: relative;
width: -webkit-fill-available;
width: -moz-available;
padding: 0 10px;
padding-bottom: 100px;
z-index: 988;
}
改后代码
.footer_main {
position: relative;
width: -webkit-fill-available;
width: -moz-available;
padding: 0 10px;
padding-bottom: 28px;
z-index: 988;
}
2. 修改分页样式
原代码
#t_pagination, #pagination {
padding: 90px;
text-align: center;
display: flex;
justify-content: center;
border-top: 1px solid #ebf2ed;
}
改后代码
#t_pagination, #pagination {
padding: 50px;
text-align: center;
display: flex;
justify-content: center;
border-top: 1px solid #ebf2ed;
}
3. 修改内容区域底部间距
原代码
.blog_list_inner, .normal_list_inner, .single_wrap {
background: #f6faf8;
padding-bottom: 30px;
}
改后代码
.blog_list_inner, .normal_list_inner, .single_wrap {
background: #f6faf8;
padding-bottom: 2px;
}
说明
具体参数可以根据自己的需要，进行调整，我的仅供参考。
优化效果
通过这些调整，页面尾部的视觉效果得到了显著改善：
- 减少了底部空白区域，使页面更加紧凑
- 调整了分页区域的间距，提升用户体验
- 优化了内容区域的底部间距，使整体布局更加协调
