WordPress隐藏标题的3种实用方法

来自:素雅营销研究院

头像 方知笔记
2025年05月28日 04:23

在WordPress网站设计中,有时出于排版或美观需求,我们希望隐藏某些页面的标题(如首页、特定文章或自定义模板)。以下是三种常用的隐藏标题方法,适用于不同技术水平的用户。

方法1:使用CSS隐藏标题(最简单)

在WordPress后台的 外观 > 自定义 > 额外CSS 中添加以下代码:

/* 隐藏特定页面的标题 */
.page-id-123 .entry-title,
.post-id-456 .entry-title {
display: none;
}

/* 或隐藏所有页面标题 */
.entry-title {
display: none;
}

优点:无需插件,适合新手。 注意:需替换123456为实际页面/文章ID(可在页面编辑地址栏查看post=xxx)。

方法2:通过主题文件修改(需代码基础)

编辑主题的header.php或模板文件(如page.php),找到标题调用代码(通常为<h1><?php the_title(); ?></h1>),添加条件判断:

<?php
if (!is_page( array( '首页', 'about' ) )) { // 排除特定页面
the_title('<h1>', '</h1>');
}
?>

提示:操作前建议创建子主题,避免更新覆盖修改。

方法3:使用插件(无代码)

安装插件如 “Hide Page And Post Title”“WP Show Hide”,通过勾选即可批量控制标题显示。

适用场景

  • 需要频繁调整标题显示时
  • 不熟悉代码的用户

注意事项

  • 隐藏标题可能影响SEO,建议在隐藏后通过H1标签或其他元素补充关键内容。
  • 部分主题(如Astra、GeneratePress)提供原生选项,可在主题设置中直接关闭标题。

选择适合你的方法,轻松实现更灵活的页面设计吧!