突出显示存档中的类别 - WordPress答案

【问题标题】：highlighting category in archive - Wordpress突出显示存档中的类别 - WordPress
【发布时间】：2015-11-03 08:04:25
【问题描述】：

我的 Wordpress 索引/主页上有我所有的帖子。我有以下代码列出了我页面上的类别，包括“全部”，因为所有帖子都列在此页面上。

HTML

<?php
    $args = array(
    'show_option_all' => 'All posts'
    );
?>

<h3><?php wp_list_categories($args); ?></h3>

CSS - 突出显示列表中的“全部”，因为它是您所在的页面。

li.cat-item-all a{
  font-weight: bold;
}

每个类别链接都会打开存档页面，其中包含带有该类别标签的帖子。

我希望此列表用作导航，当您选择它时选择“突出显示”的类别。类似于您在主页上时如何突出显示主页。但是所有链接都链接到存档页面，所以我不确定编码

编辑 - 主页上的输出

我希望它出现在我的档案页面上，但突出显示他们选择的类别而不是“全部”

【问题讨论】：

【解决方案1】：

默认情况下使用wp_list_categories() 时，当前类别具有current-cat 类。因此，您的 CSS 将是：

.current-cat {
  font-weight:bold;
}

要突出显示“所有”“类别”，您需要引用正文类（这样您就知道自己在哪里，并且只有在您位于所有帖子页面）。在我的测试中，“所有帖子”链接实际上会转到我的网站主页，该主页的正文类为：

<body class="home page page-id-3745 page-template page-template-tmpl-home page-template-tmpl-home-php">

所以突出显示 .cat-all-items 的 CSS 将是

.home .cat-all-items {
  font-weight: bold;
}

在您的网站上，所有帖子页面可能是您的主要博客页面，因此正文类会略有不同 - 请务必检查。

【讨论】：