17713433920 info@mac163.com

WordPress中的页面默认具有标题。就那么简单。

在某些主题上,您会注意到标题有时会从某些页面上删除,但是大多数时候,您必须弄脏双手并将它们自己删除。

为什么?

好吧,有时标题不属于页面,要么是因为它分散了注意力,要么是页面上看起来不正确。有一些设计技巧可以替换或掩盖页面标题,但是其中大多数都需要进行猜测和检查,而其他一些技巧更像是创可贴,可以完全隐藏标题。

此处的目标是最大程度地减少看起来不恰当或对用户造成困扰的任何内容。您的用户界面显然很重要。对于某些页面尤其如此。获取用于主页的登录页面和静态页面。

如果您仍然想知道在WordPress中隐藏页面标题的主要原因,请继续阅读以下内容。

为什么您要在WordPress中隐藏页面标题?

刚开始,您可能会奇怪,为什么隐藏页面标题将具有任何优势。但是我认为在某个时候您偶然发现了一个页面,该页面出于美学原因或因为它将损害您的整体业务而不需要页面标题。

您可能隐藏页面标题的原因有哪些?

1.您使用常规的WordPress页面作为主页

当您对在首页上没有常规的博客供稿不感兴趣时​​,经常会发生这种情况。如此众多的网站创建带有特定按钮,媒体和其他元素的首页,以使默认WordPress主页看起来更像常规网站。有时,您选择的主题已经为您删除了页面标题。其他时候,您可能必须去那里手动完成任务。

将常规主页制作为主页的过程通常称为“静态”页面,在这里您基本上消除了没有人需要首先看到的“主页”或“主页”标题。

2.创建一个页面并意识到标题看起来不合适

有时,您可能生成的页面根本不需要页面标题。我已经看到将论坛或画廊之类的内容嵌入页面时会发生这种情况。甚至某些“与我们联系”页面的顶部看起来有些笨拙,带有令人讨厌的大型标题。我注意到,这通常发生在您将内容居中并且标题保持在左侧时。有时,标题是重复的,或者用户在单击菜单项后已经知道他们要去哪里。

3.您想创建一个登陆页面

登陆页面是您要摆脱该讨厌页面标题的主要原因之一。登陆页面旨在提高您的转化率,标题通常会分散用户的注意力,例如电子邮件注册表单或“购买”按钮。毕竟,通常没有理由告诉人们他们最有可能通过Google或Facebook广告点击的标题。您最好从视频开始页面,然后完全跳过页面标题。

让我们开始吧:如何在WordPress中隐藏页面标题

在完成对Google隐藏页面标题的搜索之后,您可能会发现一些有关为此目的安装插件的文章。不幸的是,此插件不再可用,因此我们必须完成一个手动方法。

这也不是一件坏事,因为删除标题是相当基本的,这使得使用可能未更新的插件首先成为问题。包括一些代码可能会让某些人感到恐惧,但这实际上很容易。而且,您打开安全漏洞或降低网站速度的可能性较小(这种情况可能发生在插件上)。

警告:这是如何不隐藏页面标题

WordPress用户通常打开页面并将标题字段留空。我们强烈建议您这样做,原因有两个。

首先,由于WordPress在页面列表中显示“无标题”文本,因此您将来将很难找到这些页面。这是无法组织页面的方法,尤其是当您计划有多个“无标题”页面时。

其次,当标题字段保留为空时,WordPress会为您生成自己的永久链接。因此,您必须记住手动编辑永久链接。如果不是这样,您的SEO将受到影响,因为您可能会得到一些随机的永久链接,其中包含一堆毫无意义的数字或单词。

不仅如此,如果您没有在其中打上标题,WordPress的页面也不会发布。另一方面,帖子的发布确实没有标题。因此,如果您仍然决定使用此方法(这不是一个好主意),则必须发布带有标题的页面,然后返回以删除标题并再次发布。再一次,您甚至会觉得有些愚蠢,因此这更多地提醒了该方法的不足。

在WordPress中隐藏页面标题的最佳方法

您在此处有两个选择:使用WordPress主题(包括一个内置选项)来隐藏标题或向子主题添加一些代码以自己进行更改。

1.使用WordPress主题隐藏标题

最简单的选择是仅使用已经包含用于隐藏帖子或页面标题的选项的主题。一个很好的例子是Total WordPress主题。由于拖放主题旨在用于各种目的,因此内置了一些特殊功能,可以使主题更加灵活。其中包括用于图像裁剪,站点宽度以及页面顶部显示内容的大量高级选项。

要在“总计”中隐藏页面标题,只需创建新页面(或 通过“ 网站构建器Insider ” 打开已使用拖放页面构建器构建的页面,例如这些常见的网站构建器工具之一),向下滚动到“页面设置”,点击“标题”标签,然后选择“禁用”页面/帖子图块的选项。完成后保存更改。

禁用页面标题后,您可以自由创建自己的自定义布局。只要记住在使用正确的H1,H2,H3等标题构建新布局时在页面上添加标题即可。

例如,Total Theme Demo上的此特定页面是使用Visual Composer的自定义Total模块构建的。如果没有标准的页眉或页面标题,该餐厅风格的目标网页就会添加带有标注按钮的自定义标题(更好地吸引顾客的注意力)。

但是,如果您不愿意切换主题,则可以使用子主题手动删除页面标题。

2.将代码添加到WordPress子主题中以隐藏标题

您确实可以选择在主题文件中为标题标签插入一些条件。但这听起来很杂乱,我们并没有试图让它变得复杂。

因此,您应该选择在CSS样式表中隐藏特定的页面标题。

创建子主题(重要)

首先,您首先需要创建WordPress子主题。此步骤对于确保将来更新主要WordPress主题时保持对样式表所做的任何编辑至关重要。

这将要求您具有对WordPress站点的SFTP访问,并且如果您不熟悉CSS,PHP或使用服务器访问文件,则建议您不要使用此方法。

但是,基本上,您将在wp-content / themes下创建一个新的Theme-Child文件夹,将style.css文件添加到新的Theme-Child文件夹中,然后通过添加一点functions.php文件来排队原始主题样式代码添加到Theme-Child文件夹中(您可以在我们的指南中详细了解如何使用WordPress 创建登录页面的过程,并附带屏幕截图)。

准备好您的儿童主题后,您可以继续下一步。

如何在wordpress中隐藏页面标题
如何在wordpress中隐藏页面标题

确定页面标题类别

转到要编辑的页面的前端,然后右键单击它。选择“ 查看页面源”选项(有时显示为“ 查看源”或“ 页面源”)。您也可以单击“ 检查”以获得更流畅的观看体验。

这应该显示一堆代码。我们正在尝试找到与您的标题标记一起出现的“类”的名称。通过使用查找快捷方式(Ctrl + F / Command + F)搜索页面名称

例如,我页面上的标题是“与我们联系”。使用“查找”快捷方式后,它将突出显示“联系我们”文本的所有实例。您可能必须按几次Enter键才能找到我们感兴趣的实例。

看起来类似于下面的屏幕快照,其中标题在“ h1class =”标签之后列出。

该类位于<h1 class =”之后。因此,在此示例中,该类为“ main-title__primary”。有时您的班级与此命名相同,但是主题作者经常给他们命名不同的名称。

获得标题标签的类别后,将其复制下来以备后用。

查找页面ID

查找页面ID稍微容易一些。在您的WordPress仪表板中。打开您要获取页面ID的页面的编辑器。在浏览器中查看该页面的URL。您的页面ID是“ post =”之后的数字。所以对我来说是171。

记下您的页面ID。

将代码放入样式表

现在打开为主题文件夹创建的新style.css文件,并粘贴以下代码:

/ *在“关于我们”页面上隐藏标题* /
.page-id-171 .main-title__primary {display:none; }

唯一的不同是,您将在符号,页面ID和类中插入自己的页面名称。

保存样式表后,您应该可以转到该页面的前端并看到隐藏的页面标题。如果一开始不起作用,请尝试重新发布页面。


微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部