如何在wordpress中隐藏特定页面上的标题

时间:2017-04-14 17:27:33

标签: php css wordpress

我试图隐藏WordPress中特定页面上的标题。我知道我可以用CSS做到这一点。

仪表板中显示的页面ID为:

wp-admin/post.php?post=31221&action=edit

页面有一个没有id或类的标题(不确定是谁构建它)。但我可以隐藏标题:

header {display: none;}

我似乎无法隐藏特定页面上的标题。我试过了:

.page-id-31221 header {display:none;} .pageid-31221 header {display:none;}

我也尝试过#和postid等等。还有另一种隐藏页面标题的方法吗?

如果失败,我可以在模板中调用后隐藏标题吗?我已经为页面创建了一个自定义模板,但我不确定用于隐藏它的php。如果我从模板中删除<?php get_header();?>,则整个页面都会消失。

网站位于:Website

4 个答案:

答案 0 :(得分:6)

您说您已为此特定页面创建了模板。

在这种情况下,您可以使用jQuery来隐藏标题。将其添加到页面模板的结尾(或开头)。

<script>jQuery('header').hide();</script>

您可能希望将其包含在类似jQuery( document ).ready(function() {之类的内容中,以确保在运行脚本之前加载页面。也许添加defer属性。

答案 1 :(得分:3)

您可以通过添加IF语句来修改header.php,该语句通过页面/帖子ID 标题检查所需页面。

页面/帖子ID方法:

if(is_page(get_the_ID()) != YOUR_PAGE_ID) { // show header }

页面/帖子标题方法:

if(!is_page(get_the_ID('PAGE_POST_TITLE'))) { // show header }

这两种方法都应该有效。 *未经测试。

答案 2 :(得分:3)

您可以通过检查页面名称来执行此操作。

if( is_page( array( 'about-us', 'contact', 'management' ) ){ #hide your header; }

如果您想了解更多详情,请阅读wordpress官方文档。它会对你有所帮助。 Read wordpress official documentation

答案 3 :(得分:0)

这对我有用。一个简单的把戏:

在顶部示例中的header.php中检查样式类名称:class =“ header”>

并将此代码放在您的php模板或页面的顶部。

<head>
<style>
.header { display: none; }
</style>
</head>
<body>