子比主题美化 无侧边栏内容页面布局调窄代码

Jaysun

温馨提示:这篇文章已超过442天没有更新,请注意相关的内容是否还可用!

1.png

子比主题文章内容页选择“无侧边栏”后,内容模块保持大栏宽的宽度,目前选择无侧边栏后,整个内容页会全部拉宽为1200px这个宽度,如果是纯文字内容的话,1200px这个宽度视觉体验上有点过于宽,阅读起来有点费劲。

 

修改以下代码让栏宽不那么宽,找到主题文件single.php,找到:

<main role="main" class="container" >

修改为:

隐藏内容
评论可见
前往评论

以上代码是给这个最大宽度加了个判断,默认是1200的,这样的话,无边栏模式下,就显得不那么宽了,我这边用的840这个宽度,里边的840这个参数按照自己喜好改吧,代码仅在文章内容页测试过OK。

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
验证码
评论列表 (有 5 条评论,1265人围观)
网友昵称:1183403702
1183403702 V 普通用户 Google Chrome 119.0.6045.160 Windows 10 x64 地板
06-02 来自浙江 回复
感谢
网友昵称:pige8888
pige8888 V 普通用户 LBrowser 9.0.3.1311 Windows 10 x64 凉席
03-21 来自山西 回复
站长,问一下列表模式封面图如何改成正方形
网友昵称:92929
92929 V 普通用户 QQBrowser 11.8.5295.400 Windows 10 x64 板凳
2023-10-04 来自陕西 回复
支持站长,内容很好
网友昵称:92929
92929 V 普通用户 QQBrowser 11.8.5295.400 Windows 10 x64 椅子
2023-10-04 来自陕西 回复
文章不错,写的很好!
网友昵称:xule140
xule140 V 钻石VIP Google Chrome 117.0.0.0 Windows 10 x64 沙发
2023-09-29 来自山西 回复
文章不错,写的很好!

目录[+]

取消
微信二维码
微信二维码
支付宝二维码