如何隐藏WordPress页面和文章标题

在 WordPress 里，可能不存在一个简易的 “隐藏标题” 选项，不过删除标题并非难事。实际上，不管是只想禁用一个标题，还是隐藏全部标题，均有诸多选择。

以下是在 WordPress 中隐藏页面标题的五种有效方法。

为何要隐藏页面标题？

并非网站上的每一个页面都需要标题。尽管博客文章需要标题，但在其他页面上并不一定美观。对于博客而言是不错的设计，可对于网站的其他部分却不总是适宜的。

搜索引擎优化要点

此过程能够助力搜索引擎向搜索特定词条的用户展示相关页面，遵循搜索引擎优化最佳实践的网站在排名上会有所提升。

若在谷歌上搜索 “如何加快 WordPress 网站速度”，会发现看到的片段标题通常与文章标题一致。

网页标题由 HTML 标题标签决定，若没有标题标签，则由 H1 标题确定。若这两个标签均不存在，搜索引擎便会把找到的首个标题或随机文本字符串当作标题。这在搜索引擎片段中会显得极为糟糕。

明白我们的意图了吗？移除 H1 标题且不留任何替代内容，可能会给搜索引擎优化和点击率带来负面影响。

即便只是隐藏页面标题而不删除，搜索引擎爬虫通常也会忽略隐藏元素，所以这样做也无济于事。良好的层次结构 —— 页面包含一个 H1 元素以及恰当的 H2 或 H3 标题 —— 也有助于爬虫理解页面内容。

不过，严格来讲，H1 标题并非搜索引擎优化所必需的。它们对于提供页面结构很有用，并且是强烈推荐使用的。

Title 标签与 H1 标题有何区别？

Title 标签和 H1 标题都会影响搜索引擎对网站内容的理解，且两者通常相同，那么两者之间的主要差异是什么？

另一方面，访客能够看到 H1 标题。标题通过嵌套部分和分割内容来构建页面结构以便于阅读，而 H1 则是介绍内容的标题。

搜索引擎会优先使用 HTML title 标签，而非 H1。若没有 title 标签，则会采用 H1 标题。

虽说在功能上差别不大，但这种区别极为重要。

如何在 WordPress 中迅速隐藏所有页面和文章标题

有一些方法能够选择性地隐藏帖子或页面的标题，我们将在下文予以介绍。

不过，先来看看怎样借助一个小小的 CSS 技巧在 WordPress 中隐藏所有文章和页面标题。仅需一行代码就能让这些标题永远消失。

.entry-title{

.entry-title{

}

若这段代码不起作用，就需要搞清楚主题使用何种 CSS 类来显示标题。在主题定制器右侧的网站预览中，右键单击文章标题，然后点击 “检查”。依据浏览器的不同，可能会变为 “检查元素” 或 “检查器”。

检查页面元素

会弹出一个新屏幕，突出显示代码区域。在高亮显示的代码周边查找 H1 或 H2 类名称，例如 h2

可能会显示 “post-title”、”page-title” 或其他名称，而非 “entry-title”。

运用我们上面提供的 CSS 代码，将 “entry-title” 替换成主题使用的 CSS 类。效果应当不错。

编辑文章标题 CSS 类

如何在 WordPress 中隐藏页面标题

也许并不想删除所有页面标题；若只想隐藏网站上的所有页面标题呢？在这种情形下，只需对上述 CSS 代码稍作调整。只需在代码前面添加 “.page” 即可。例如：

.page.entry-title{

.page.entry-title{

}

如此便能立即隐藏 WordPress 网站上的所有页面标题。

如何隐藏单个页面的标题

想在 WordPress 中仅隐藏一个页面的标题？有两种选择：安装一个插件，或者使用上述 CSS 代码的修改版，依据页面 ID 隐藏页面标题。

现在打开隐藏标题，页面标题就会消失。

在 Elementor 中移除标题

首先，需要找出页面的 ID。在后台，转到 “所有页面”，然后将鼠标悬停在标题上。

在左下角，应当会出现一个链接地址预览。在其中，会看到 “post=” 字符串的末尾。这个数字便是页面 ID。

WordPress 页面 ID

现在，使用 CSS 将 ID 替换为 “0”，并利用找到的 ID 来定位该页面，就像这样：

.page-id-0.entry-title{

.page-id-0.entry-title{

}

目标文章 ID

访问试图锁定的页面，按 F12 键在 Chrome 浏览器中调出开发者控制台。按 Ctrl - F 键，输入 “body”，利用导航箭头向下跳转，直至看到 “body class=” 以及一长串类。

查找带有页面 ID 的类，然后替换上面代码中的类。

例如，若在列表中看到一个名为 “page-id-113” 的类，就可以用这段代码来替代：

.page-id-113.entry-title{

}

如何删除 WordPress 页面的标题

可能会想，为何不将页面标题留空呢？若只想删除标题，这很容易做到：进入页面所有页面。悬停页面并点击 “快速编辑”，然后将标题留空并点击 “更新”。

也可以点击标题或悬停并点击编辑，然后找到顶部的标题，删除里面的文字，再点击更新。当回到 “页面” 界面时，它们将被标记为 “”，并在实时网站上消失。

您可以手动更改固定链接，但必须记住每次都要这样做。

不良链接示例

此外，没有标题的文章和页面在后台显示为””。若网站上有几十个或几百个这样的标题，要在这些杂乱无章的标题中找到要找的标题，很快就会变成一场后勤噩梦。

小工具中没有标题的示例

若这还不够糟糕，布局中原来有标题的地方还会留下一个大洞。这就是这种去除 WordPress 页面标题的勉强方法的致命伤。

虽然直接空白标题可能很简单，但还是建议选择其他方法 —— 安装插件或插入 CSS。隐藏标题比直接删除标题要好得多。

如何隐藏博客文章标题

在 WordPress 中隐藏所有文章标题与隐藏所有页面标题一样简便。使用与之前相同的 CSS，不需要在代码前添加.page，而是需要添加.post，如图所示：

.post.entry-title{

.post.entry-title{

}

现在，所有文章都不会显示标题，但正常页面会显示标题。

没有标题的博客文章

隐藏单篇 WordPress 博文的标题

隐藏博文标题的方法与上述隐藏页面标题的方法大致相同。您可以安装一个标题移除插件，使用页面生成器手动移除标题，或者使用 CSS 针对文章 ID 进行移除。

若想使用 CSS，那么使用的代码会有一些不同。同样，应该进入后台，悬停要移除标题的文章，查看其 ID，然后尝试使用这段代码。确保将 “0” 替换为要删除的文章 ID。

.postid-0.entry-title{

}

若还不行，请在要针对的文章上按 F12 键，查看开发人员控制台。按 Ctrl - F，输入 “body”，然后找到 “body class=”，查看该页面使用的类列表。在列表中搜索带有 ID 编号的类，如 “post - 11″，然后用正确的类替换上面的代码。

如何删除 WordPress 中博客文章的标题

如前所述，完全删除文章或页面的标题并非良策。我们强烈不建议这样做，因为这会给固定链接、搜索引擎优化甚至网站布局带来问题。

但如果真的想这样做，过程与删除页面标题类似。

进入 “文章”” 所有文章”，查看网站上所有博客条目的列表。悬停要删除的文章标题，然后点击快速编辑。空白标题，然后点击更新。或者直接点击编辑进入古腾堡编辑界面，点击顶部的标题，然后删除标题文本。

删除博文标题

点击更新，标题就会永远消失。请记住，这会将每篇博文的标题替换为””，所以如果在浏览数百篇博文时遇到困难，可以尝试使用插件或 CSS 选择器来隐藏它们。

小结