WordPress热门标签添加小图标

　　WordPress分类可以加本性图标，那么标签是不是也可以加上图标？虽然可以！官网Codex已为我们提供了现成的代码：

<?php
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
echo '<img src=http://down.chinaz.com/"http:/example.com/images/' . $tag->term_id . '.jpg"
alt=http://down.chinaz.com/try/201209/"' . $tag->name . '" />';
}
}
?>

　　官网原代码中的标签无链接，小图标地点是绝对路径，简朴修改一下：

<?php
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
echo '<a href=http://down.chinaz.com/try/201209/"'.get_tag_link($tag).'"><img src=http://down.chinaz.com/try/201209/" '.get_bloginfo('template_directory').'/image/' . $tag->term_id . '.jpg" />'. $tag->name .'</a>';
}
}
?>

　　小图标地点改为相对路径，可以将小图标放到当前主题 image 目次中，默认小图标名称以相应的标签ID定名。

　　可以修改个中的：

$tag->term_id为$tag->name

　　这样图标可以直接用标签名称定名。

　　用上述代码替换主题默认的标签函数：

<?php the_tags(); ?>

　　假如主题无雷同的标签挪用函数，可以加到模板主轮回适当的位置。

　　最后，用CSS样式美化一下，即可。

Wordpress下载：

WordPress v3.5.2 简体中文版下载

界面预览

WordPress v4.4.2 英文版下载

界面预览

分享到