簡體   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