繁体   English   中英

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

[英]highlighting category in archive - Wordpress

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

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

我希望此列表充当导航,当您选择它时,选择“突出显示”类别。 与主页在主页上突出显示的方式类似。 但所有链接都链接到存档页面,所以我不确定编码

编辑 - 在主页上输出

在此输入图像描述

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

默认情况下使用wp_list_categories()时 ,当前类别有一个current-cat类。 所以,你的CSS将是:

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

要使'all'“类别”突出显示,您需要引用正文类(这样您就知道自己的位置,并且只有当您在所有帖子上时才能突出显示.cat-item-all链接页)。 在我的测试中,“所有帖子”链接实际上转到我的网站主页,其主体类为:

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

所以CSS要突出显示.cat-all-items

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM