在档案中突出显示类别 - Wordpress

时间:2015-08-11 07:43:46

标签: php jquery html css wordpress

我的Wordpress索引/主页上有我的所有帖子。我有以下代码列出了我的页面上的类别,包括" all"由于所有帖子都列在此页面上。

HTML

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

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

CSS - 突出显示&#39;所有&#39;在列表中,因为它是你所在的页面。

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

每个类别链接都会打开存档页面,其中的帖子标记有该类别。

我希望此列表充当导航,选择的类别会突出显示&#39;当你选择它。类似于您在主页上突出显示主页的方式。但是所有链接都链接到存档页面,所以我不确定编码

编辑 - 在主页上输出

enter image description here

我希望这会显示在我的档案页面上,但是他们选择的类别会突出显示而不是&#39;所有&#39;

1 个答案:

答案 0 :(得分:0)

默认使用wp_list_categories()时,当前类别的类别为current-cat。所以,你的CSS将是:

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

获得所有&#39; &#34;类别&#34;要突出显示,您需要引用正文类(因此您知道自己的位置,并且只有当您在所有帖子页面上时才能突出显示.cat-item-all链接)。在我的测试中,那个&#34;所有帖子&#34;链接实际上转到我的网站主页,其主体类为:

<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;
}

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