为wordpress热门标签加个小图标
发布:WordPress教程网 发布时间:
2022-10-22 游览次数:68次
分类可以加个性图标,那么标签是不是也可以加上图标?当然可以!官网Codex已为我们提供了现成的代码:
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/'%20.%20$tag->term_id%20.%20'.jpg"
alt="' . $tag->name . '" />';
}
}
?>
官网原代码中的标签无链接,小图标地址是绝对路径,简单修改一下:
<?php
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
echo '<a href="'.get_tag_link($tag).'"><img src="%20'.get_bloginfo('template_directory').'/image/'%20.%20$tag->term_id%20.%20'.jpg" />'. $tag->name .'</a>';
}
}
?>
小图标地址改为相对路径,可以将小图标放到当前主题 image 目录中,默认小图标名称以相应的标签ID命名。
可以修改其中的:$tag->term_id为$tag->name,这样图标可以直接用标签名称命名。
用上述代码替换主题默认的标签函数:
<?php the_tags(); ?>
如果主题无类似的标签调用函数,可以加到模板主循环适当的位置。
最后,用CSS样式美化一下,即可。
本文版权归原作者所有,转载请注明原文来源出处, WordPress教程网 感谢您的支持!
本文链接: http://www.wpcn.net/211.html
推荐内容
热点阅读
相关内容
- wp_list_comments()使用回调函数自定义评论…
- WordPress函数:comment_form() 让你的 Word…
- WordPress过滤器(Filters):apply_filters和…
- WordPress函数:comments_template(加载评…
- WordPress函数:comment_form( )个性化评论…
- 无处不在的WordPress的主循环
- WordPress 函数do_action()详解和应用举例
- WordPress函数:add_menu_page()后台添加顶…
- WordPress函数:add_theme_page()后台添加设…
- WordPress 函数:get_template_part()调用你…
- WordPress函数:load_theme_textdomain()(…
- WordPress 3D旋转彩色标签云
- WordPress文本小工具运行PHP
- WordPress无插件实现主题彩色标签云的N种方…
- WordPress函数:wp_tag_cloud(标签云)详解和…
- WordPress函数:register post type (自定义…
- WordPress使用register_post_type 函数创建…
- WordPress函数:add_meta_box(自定义添加Me…
- WordPress函数:get_permalink()获取文章页…
- WordPress使用query_posts()函数WP_Query类…
- WordPress调用置顶文章显示置顶数量的三种方…
- WordPress分类列表函数:wp_list_categories…
- WordPress友情链接函数wp_list_bookmarks使…
- WordPress判断文章分类函数in_category和is_…