WordPress分類可以加個性圖標(biāo)，那么標(biāo)簽是不是也可以加上圖標(biāo)？當(dāng)然可以！官網(wǎng)Codex已為我們提供了現(xiàn)成的代碼：http://codex.wordpress.org/Function_Reference/get_the_tags
<?php
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
echo '<img src="http://example.com/images/' . $tag->term_id . '.jpg"
alt="' . $tag->name . '" />';
}
}
?>
官網(wǎng)原代碼中的標(biāo)簽無鏈接，小圖標(biāo)地址是絕對路徑，簡單修改一下：
<?php
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
echo '<a href="'.get_tag_link($tag).'"><img src=" '.get_bloginfo('template_directory').'/image/' . $tag->term_id . '.jpg" />'. $tag->name .'</a>';
}
}
?>
小圖標(biāo)地址改為相對路徑，可以將小圖標(biāo)放到當(dāng)前主題 image 目錄中，默認小圖標(biāo)名稱以相應(yīng)的標(biāo)簽ID命名。
可以修改其中的：
$tag->term_id為$tag->name
這樣圖標(biāo)可以直接用標(biāo)簽名稱命名。
用上述代碼替換主題默認的標(biāo)簽函數(shù)：
<?php the_tags(); ?>
如果主題無類似的標(biāo)簽調(diào)用函數(shù)，可以加到模板主循環(huán)適當(dāng)?shù)奈恢谩?/P>
最后，用CSS樣式美化一下，即可。
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試