WordPress（Astra主题）单篇文章模板前端自动留白问题求助

排查及解决方法 #

• 检查主题自定义布局设置
  进入WordPress后台「外观 > 自定义 > 布局 > 单篇文章」，确认：

  • 内容宽度设为100%或需求数值
  • 上下左右边距调整为0或合适大小
  • 页面布局选择「无侧边栏」或「全屏布局」

• 添加自定义CSS修复
  若主题设置无效，到后台「外观 > 自定义 > 额外CSS」添加以下代码：

  /* 移除单篇文章容器边距 */
  .single-post .ast-container {
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  /* 移除文章内容内边距 */
  .single-post .entry-content {
      padding: 0 !important;
  }
  /* 清除页面整体外边距 */
  .single-post body {
      margin: 0 !important;
  }
  

  若仍有局部留白，用浏览器F12开发者工具定位对应元素，调整CSS属性即可。

• 确认文章模板选择
  编辑目标文章，在右侧「文档」面板里，确保「模板」选的是「默认模板」或「全屏模板」，避免选带固定边距的自定义模板。

• 排查插件冲突
  暂时禁用所有第三方插件，刷新页面看留白是否消失。若消失，逐个启用插件找出冲突项，更新或替换该插件。

内容的提问来源于stack exchange，提问作者mohammad goodarzi