use*_*879 5 html css php wordpress jquery
我的Wordpress索引/主页上有我的所有帖子.我有以下代码,列出了我的页面上的类别,包括"全部",因为此页面上列出了所有帖子.
HTML
<?php
$args = array(
'show_option_all' => 'All posts'
);
?>
<h3><?php wp_list_categories($args); ?></h3>
Run Code Online (Sandbox Code Playgroud)
CSS - 从您所在的页面开始,突出显示列表中的"全部".
li.cat-item-all a{
font-weight: bold;
}
Run Code Online (Sandbox Code Playgroud)
每个类别链接都会打开存档页面,其中的帖子标记有该类别.
我希望此列表充当导航,当您选择它时,选择"突出显示"类别.与主页在主页上突出显示的方式类似.但所有链接都链接到存档页面,所以我不确定编码
编辑 - 在主页上输出
我希望它出现在我的档案页面上,但是他们选择的类别突出显示而不是"全部"
默认情况下使用wp_list_categories()时,当前类别的类别为current-cat. 所以,你的 CSS 应该是:
.current-cat {
font-weight:bold;
}
Run Code Online (Sandbox Code Playgroud)
要突出显示“所有”“类别”,您需要引用正文类(这样您就知道自己在哪里,并且仅当您位于所有帖子上时才能突出显示 .cat-item-all 链接页)。在我的测试中,“所有帖子”链接实际上会转到我的网站主页,该主页的正文类别为:
<body class="home page page-id-3745 page-template page-template-tmpl-home page-template-tmpl-home-php">
Run Code Online (Sandbox Code Playgroud)
所以突出显示 .cat-all-items 的 CSS 是
.home .cat-all-items {
font-weight: bold;
}
Run Code Online (Sandbox Code Playgroud)
在您的网站上,所有帖子页面可能是您的主要博客页面,因此正文类会略有不同 - 请务必检查。
| 归档时间: |
|
| 查看次数: |
475 次 |
| 最近记录: |