如何在Wordpress静态首页的“主页”中删除面包屑

Question

<body<?php if(! is_home()) echo ' id="homepage"';?>>

在header.php中

body#homepage#breadcrumbs {visibility: hidden;}

并添加到style.css中

Answer 1

首先将您的CSS更改为此。 因为面包屑路径使用一类面包屑而不是id。

body#homepage .breadcrumbs

您是否尝试过使用is_frontpage()而不是is_home() ？ 您是否意识到目前正在将主页ID添加到非“主页”页面的所有页面？ 不要使用! 在你的情况下。

<body<?php if(is_frontpage()) echo ' id="homepage"';?>>

博客帖子页面=头版
在网站首页上：
- is_front_page（）将返回TRUE
- is_home（）将返回TRUE
静态页面=首页
- 在分配用于显示站点首页的页面上：
  - is_front_page（）将返回TRUE
  - is_home（）将返回FALSE
- 在分配用于显示博客文章索引的页面上：
  - is_front_page（）将返回FALSE
  - is_home（）将返回TRUE

Answer 2

尝试分离＃面包屑。

在CSS中：

body#homepage #breadcrumbs {visibility: hidden;}

您发布的代码引用具有ID面包屑的body元素。 您需要定位的是具有#breadcrumbs ID的元素，该元素位于具有#homepage ID的主体内。

Answer 3

此外，默认情况下，正文在Wordpress中具有.home类。

因此，无需PHP部分就可以实现它。

body.home #breadcrumbs{display:none;}

Answer 4

还有另一种方法可以使用body_class（）

<body <?php body_class(); ?>>

然后在CSS的主页中使用

body.home #breadcrumbs { visibility: hidden; }

Answer 5

CSS更新-它是.breadcrumbs而不是#breadcrumbs ：

body#homepage .breadcrumbs { visibility: hidden; }

PHP：

<body<?php if(is_home()) echo ' id="homepage"';?>>

在您的header.php代码中， ! 表示NOT，因此您是在说：

如果不是首页，请添加ID“首页”

这与您想要的相反。

还要注意， visibility:hidden将隐藏元素，但保留其在布局中的空间。如果要隐藏元素及其空间，则可以使用display:none代替。

正如@ Eric-Mitijans解释的那样，您必须在body#homepage和#breadcrumbs之间添加一个空格，否则，您将使用带有2个ID的不正确语法的body标签作为目标。

Answer 6

您可以将if条件与主页ID一起使用。