You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 03:28:53