人氣 3561°c

WP當前分類顯示所屬標籤

wordpress 在發佈文章的時候,除了加上分類(Category)歸類文章,還會加入標籤(Tag)為每篇文章設有指定的關鍵字,令閱讀者更準確、更具體、更有效率地索引到所屬的文章。但是! 當部落格(博客)發佈了太多的文章,可能會遺忘了那些分類下的文章設立的標籤。

不過你可以通過修改主題模板,希望在當前分類下獲取所屬的標籤,通過顯示標籤來索引這些關聯的文章,就非常有效率地查看到這個分類下有那些標籤,而且能夠讓讀者第一時間看到這個分類下感興趣的標籤,一目了然,簡單明了,方便快捷了...

或者給一個小小的例子:
例如: 部落格(博客) 設有分類為"心情日記"、"數碼科技" ...

在分類頁顯示的效果▼

分類: 心情日記
標籤: 鬱悶、開心、旅行、行山

分類: 數碼科技
標籤: 手機、電腦、3C新聞、智能機械人

1. 請打開風格主題,修改"category.php"模板文件。

在喜歡的位置加上以下的代碼:
<div class="archive_meta">標籤:</div>
<?php
$categoryID = $cat;
$custom_query = new WP_Query(array(
'post_type' => array('post','company','product','any other custom post type'),
'cat' => $categoryID,
'posts_per_page' => -1
)); if ($custom_query->have_posts()) : while ($custom_query->have_posts()) : $custom_query->the_post(); $posttags = get_the_tags(); if ($posttags) { foreach($posttags as $tag) { $all_tags[] = $tag->term_id; }} endwhile; endif;
$tags_arr = array_unique($all_tags);
$tags_str = implode(",", $tags_arr);
$args = array(
'smallest' => 12,
'largest' => 12,
'unit' => 'px',
'number' => 0,
'format' => 'list',
'include' => $tags_str,
'orderby' => 'count',
'order' => 'DESC'
);
wp_tag_cloud($args);
?>

2. 請前往網站的主題風格,並打開"style.css"文件,放置以下的美化代碼。

.archive_meta {
color: #757575;
font-size: 12px;
line-height: 2;
margin-top: 22px;
}
.wp-tag-cloud {
width: auto;
}
ul.wp-tag-cloud {
overflow: hidden;
}
ul.wp-tag-cloud li {
font-family: Tahoma, Arial,Helvetica,sans-serif;
text-shadow: 1px 1px rgba(0,0,0,.3);
display: inline-block;
float: left;
margin: 8px 0 0 4px;
padding: 5px;
background: #00CACA;
font-size: 12px;
font-weight: 700;
border-radius: 3px;
white-space: nowrap;
}
ul.wp-tag-cloud li a {
color: #FFF;
text-decoration: none;
}
ul.wp-tag-cloud li a:hover {
color: #FFFF37;
}

參數說明:
smallest 整數 8 使用次數最少的標簽的字號大小(單位由unit參數決定)

largest 整數 22 使用次數最多的標簽的字號大小(單位由unit參數決定)

unit 字符串 pt 對smallest與largest的值的測量單位。可以是任何CSS長度單位,如pt, px, em, %

number 整數 45 顯示在雲中的實際標簽數。(值為0時顯示所有標簽)

format 字符串 flat 所顯示的雲的格式。有效值包括:flat list array

separator 字符串 /n 標簽之間的文本/空格,該參數引入於WordPress 2.9

orderby 字符串 name 標簽的排列順序,有效值包括:name count

order 字符串 ASC 排列順序(升序或降序),有效值包括(必須大寫):ASC DESC RAND

exclude 字符串 將要排除的標簽(term_id)的ID,各ID用逗號隔開。默認不排除任何標簽。

include 字符串 將要包含的標簽(term_id)的ID,各ID用逗號隔開。默認包含所有標簽。

link 字符串 view 設置鏈接,允許編輯某個指定標簽。有效值包括:view edit

taxonomy 字符串 post_tag 用以生成雲的分類法。有效值包括:post_tag category link_category

echo 布爾型 1 顯示結果,或將結果保留在變量中

預覽效果Demo▼

相關文章:
1. WP建立彩色標籤雲頁面(顯示文章數量)
2. WP獲取文章頁面標題及網站名稱[Title]
標籤: