突出显示存档中的类别 - WordPress
Posted
技术标签:
【中文标题】突出显示存档中的类别 - WordPress【英文标题】：highlighting category in archive - Wordpress 【发布时间】：2015-11-03 08:04:25 【问题描述】：我的 Wordpress 索引/主页上有我所有的帖子。我有以下代码列出了我页面上的类别，包括“全部”，因为所有帖子都列在此页面上。
<?php
$args = array(
'show_option_all' => 'All posts'
);
?>
<h3><?php wp_list_categories($args); ?></h3>
CSS - 突出显示列表中的“全部”，因为它是您所在的页面。
li.cat-item-all a
font-weight: bold;
每个类别链接都会打开存档页面，其中包含带有该类别标签的帖子。
我希望此列表用作导航，当您选择它时选择“突出显示”的类别。类似于您在主页上时如何突出显示主页。但是所有链接都链接到存档页面，所以我不确定编码
编辑 - 主页上的输出
我希望它出现在我的档案页面上，但突出显示他们选择的类别而不是“全部”
【问题讨论】：
发布两者的 HTML 输出。该页面的演示会很好。 不幸的是它在本地主机上，所以我无法演示页面，我将在我的问题中发布输出作为编辑 你可以添加 HTML 输出而不是输出的图像吗？ 没有标记是不可能给出答案的，但您可以使用CSS :not 排除“所有项目”上的突出显示 @maioman 他只想突出显示当前类别。您的代码将突出显示所有其他类别，对吗？ 【参考方案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;
在您的网站上，所有帖子页面可能是您的主要博客页面，因此正文类会略有不同 - 请务必检查。
【讨论】：
以上是关于突出显示存档中的类别 - WordPress的主要内容，如果未能解决你的问题，请参考以下文章
Wordpress wp_list_categories，如何突出显示“所有类别”
在 Wordpress 的 Archive、Feeds 页面中突出显示 current-cat