WordPress创建全宽页面:移除侧边栏后模板无Full-Width选项的咨询
嘿,我来帮你搞定WordPress全宽页面的问题!当模板下拉里找不到「Full-Width」选项时,咱们有几个靠谱的解决方案,一步步来:
方法1:手动创建自定义全宽模板文件
这是最稳妥的原生方法,适合懂点基础代码的同学:
- 登录你的网站服务器或通过WordPress后台的「外观→主题文件编辑器」,找到当前主题的文件夹(路径一般是
wp-content/themes/你的主题名称) - 复制一份
page.php文件,重命名为page-fullwidth.php - 打开这个新文件,在最顶部添加模板标识代码(这样WordPress才能识别它是自定义模板):
<?php /* Template Name: Full Width Page */ ?>
- 在文件里找到调用侧边栏的代码,通常是
get_sidebar();,把这行删掉或者用//注释掉(比如// get_sidebar();) - 保存文件后,回到页面编辑后台,模板下拉菜单里就会出现「Full Width Page」选项,选中它更新页面即可
方法2:用CSS快速实现全宽效果
不想碰代码的话,CSS是最快的临时解决方案:
- 打开你要设置全宽的页面,从浏览器地址栏里找到页面ID(比如URL里的
post=123,123就是这个页面的ID) - 进入WordPress后台的「外观→自定义→额外CSS」,粘贴以下代码(记得把123换成你的页面ID):
.page-id-123 #primary { width: 100%; float: none; margin: 0 auto; } .page-id-123 #sidebar { display: none; }
- 保存CSS后刷新页面,就能看到全宽效果了
方法3:用可视化页面编辑器一键设置
如果你用的是古腾堡或Elementor这类编辑器,操作会更直观:
- 古腾堡编辑器:进入页面编辑界面,右侧「文档」面板里如果没有全宽模板,直接用全宽块(比如「封面」「小组件」块)搭建内容;或者去「外观→自定义→布局」里,找到页面布局选项,设置为「全宽」
- Elementor编辑器:打开页面编辑后,点击左下角的「页面设置」,在「布局」选项里直接选择「全宽」,侧边栏会自动隐藏
方法4:检查主题自带的布局设置
很多主流主题(比如Astra、GeneratePress)都内置了布局自定义选项:
- 进入「外观→自定义→布局→页面」
- 选择「全宽」作为默认页面布局,或者针对单个页面单独设置布局
- 保存设置后,页面会自动变成全宽,完全不需要改代码
小提醒:如果你的主题用了子主题,修改模板文件一定要在子主题里操作,避免主题更新后丢失更改哦!
内容的提问来源于stack exchange,提问作者user8615009
相关产品推荐
相关产品推荐

