如何在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一起使用。