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

在WordPress建站过程中，有时出于设计需求或特殊布局考虑，需要隐藏特定页面的标题。本文将介绍三种常用的隐藏页面标题的方法，帮助您灵活控制页面显示效果。

方法一：使用CSS隐藏标题

最简单的方式是通过CSS样式表隐藏标题。在WordPress后台找到「外观」→「自定义」→「额外CSS」，添加以下代码：

.page-id-123 .entry-title {
display: none;
}

将123替换为目标页面的ID（可在页面编辑界面的URL中找到）。此方法不会影响SEO，标题仍存在于HTML代码中。

方法二：通过主题设置隐藏

部分主题（如Astra、OceanWP）内置了隐藏标题的选项：

1. 编辑目标页面
2. 在页面设置面板中找到「标题显示」选项
3. 关闭「显示标题」开关

方法三：使用函数代码过滤

在子主题的functions.php文件中添加以下代码，可全局或条件性隐藏标题：

add_filter( 'the_title', 'hide_specific_title', 10, 2 );
function hide_specific_title( $title, $id ) {
if ( is_page( 123 ) && in_the_loop() ) {
return '';
}
return $title;
}

注意事项

• 方法一和方法二更适合初学者
• 方法三需要代码基础，但灵活性更高
• 如需完全移除标题的HTML结构，建议结合.entry-header { display: none; }使用

通过以上方法，您可以轻松实现WordPress页面标题的隐藏需求，同时保持网站的其他功能不受影响。