<var id="zt1px"></var>
<cite id="zt1px"><span id="zt1px"><thead id="zt1px"></thead></span></cite>
<cite id="zt1px"><strike id="zt1px"></strike></cite>
<var id="zt1px"></var><var id="zt1px"></var>
<menuitem id="zt1px"><dl id="zt1px"></dl></menuitem>
<var id="zt1px"><strike id="zt1px"><listing id="zt1px"></listing></strike></var><cite id="zt1px"></cite>
<var id="zt1px"></var> <cite id="zt1px"></cite><var id="zt1px"><video id="zt1px"><thead id="zt1px"></thead></video></var>
<var id="zt1px"><strike id="zt1px"></strike></var>
<var id="zt1px"><video id="zt1px"><listing id="zt1px"></listing></video></var>
<var id="zt1px"></var>
AB模板網:專注于dede模板,織夢源碼,織夢模板,網站模板下載,dedecms模板,網站源碼,dedecms教程以及各類手機網站模板和企業網站模板分享.

織夢模板

網站模板搜索
營銷型模板 政府網站模板 自適應模板 標簽大全

注冊

WordPress教程:添加彩色標簽云

網站模板下載 www.prestige-optique.com / 2015-12-14
標簽云是很多WordPress主題都有的一個主題元素,今天就講講如何為你的主題添加彩色標簽云,包括邊欄調用和頁面調用。
1.調用標簽云
我們可以使用 wp_tag_cloud() 函數實現標簽云的調用。比如下面的樣例:
<?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?>
代碼注釋:
smallest表示標簽的最小字號
largest表示最大字號
unit=px表示字體使用像素單位
number=0表示顯示所有標簽,如果為40,表示顯示40個
orderby=count表示按照標簽所關聯的文章數來排列
order=DESC表示降序排序(ASC表示升序排序,DESC表示降序排序)
更多 wp_tag_cloud() 參數,請參考 WordPress文檔 wp tag cloud
2.添加彩色功能
根據上面的參數,你已經可以調用出標簽云了,將下面的代碼添加到wordpress企業主題的 functions.php 的最后一個 ?> 前面即可實現彩色:
//邊欄彩色標簽
function colorCloud($text) {
    $text = preg_replace_callback('|<a (.+?)>|i','colorCloudCallback', $text);
    return $text;
}
function colorCloudCallback($matches) {
    $text = $matches[1];
    $color = dechex(rand(0,16777215));
    $pattern = '/style=(\'|\”)(.*)(\'|\”)/i';
    $text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);
    return "<a $text>";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);
3.制作標簽云頁面
你可以看看主題貓的標簽云頁面:http://ztmao.com/tags
1)復制你主題的 page.php 文件,在該文件的頂部添加:
<?php
/*
Template Name: Tags
*/
?>
2)使用下面的代碼替換page.php中的 :
<?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?>
3)該頁面一般不需要評論功能,刪除 page.php 中下面的代碼:
<?php if (comments_open()) comments_template( '', true ); ?>
4)你還可以根據自己的需要,刪除page.php中的某些功能,最后將該文件另存為 page-tags.php ,這樣,一個標簽云模板就做好了。
5)訪問 WP后臺-頁面-新建頁面,頁面名稱自己填,只需要在 頁面屬性 中,選擇 tags 模板即可:
4.邊欄中調用標簽云
你可以使用下面的函數調用,具體的修改方法,就靠你自己折騰主題了:
<?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=20');?>
不過,一般制作比較規范的WordPress主題,都支持 Widget小工具,你可以在 WP后臺-外觀-小工具 中查看是否支持 標簽云小工具。
說明:本文只是告訴你如何實現彩色標簽云,以及如何調用。但是具體的樣式,就要靠你自己通過CSS代碼實現了。
本文由AB模板網整理發布,轉載請說明出處:http://www.prestige-optique.com/wordpressjc/1825.html
本文標簽:

有問題可以加入織夢技術QQ群一起交流學習

☉首先聲明,只要是我們的vip會員全站所有資源均可以免費下載,不做任何限制(了解更多)

☉本站的源碼不會像其它下載站一樣植入大量的廣告。

☉本站提供的織夢源碼,都是做好測試好發布的,均可放心使用。

☉本站提供的織夢源碼,均帶數據及演示地址?梢栽谌我辉创a詳情頁查看演示地址。

☉為了vip利益的最大化,我們還提供了vip贈品(了解更多

☉如有其他問題,請加網站客服QQ(9490489)進行交流。

相關教程

織夢模板_隨機Tags

醫療美容網站模板 女性網站模板 汽車潤滑油網站源碼網站模板 鑄造設備網站模板 展覽展示網站模板 建材行業網站模板 葡萄酒網站模板 樂器網站模板 有機玻璃網站模板 個人資訊網站模板 男士西服網站模板 環保材料網站模板

推薦教程

首頁 VIP專區 靜態模板 會員中心
5544444