梓悦生活

  • 🍟首页
  • 🍪免费资源
  • 🍓Wordpress
  • 🍋琐碎生活
  • 🍘关于
关注周围的人或事,体验人生历程
  1. 首页
  2. Wordpress
  3. 正文

WordPress标签tags页面调用方法

2016/02/28 5537点热度 0人点赞 0条评论

20222203-a144dfe69f65465199d2013e44f63cb6

方法效果1:wp_tag_cloud函数调用

1、在当前主题目录下新建一个php文件,命名为tag-cloud.php,然
后将page.php中的所有代码复制到tag-cloud.php中
2、用文本编辑器打开tag-cloud.php,删除开头的所有注释(如果有的话),即 /* 与 */ ,以及它们之间的所有内容
3、将第一个 <?php 改成

<?php
/*
Template Name: Tags Cloud
*/

4、将 the_content(); 改成 wp_tag_cloud();
5、进入WordPress管理后台 – 页面 – 创建页面,标题为标签云(可以自己起名),内容不要填,右侧可以选择模板,选择 Tags Cloud 即可
6、标签页创建成功。

方法效果2:五颜六色的标签文字

可以用以上写好代码的tag-cloud.php,将wp_tag_cloud();改成:

/**
 * 名称: WordPress创建标签列表页
 */

$html = '<ul class="post_tags">';
foreach (get_tags( array('number' => 50, 'orderby' => 'count', 'order' => 'DESC', 'hide_empty' => false) ) as $tag){
        $color = dechex(rand(0,16777215));
        $tag_link = get_tag_link($tag->term_id);
                        
        $html .= "<li><a href='{$tag_link}' title='{$tag->name} Tag' class='{$tag->slug}' style='color:#{$color}'>";
        $html .= "{$tag->name} ({$tag->count})</a></li>";
}
$html .= '</ul>';
echo $html;

代码说明:

  • 以上代码最多输出50个标签,如果你想控制标签数量,请将以上代码第9行的50修改成你需要的数字
  • 以上代码控制标签按标签所含的文章数从多到少排序,如果你想按名称方式排序,请将以上代码第9行的 count 改成 name
  • 以上代码将会显示包含文章数为0的标签,如果你不想显示空标签,请将以上代码第9行的 false 改成 true

然后在主题目录下的style.css中添加css样式(以下代码仅供参考):

ul.post_tags li {
    display:block;
    width:23%;
    list-style:none;
    background:none;
    float:left;
}
标签: wordpress
最后更新:2016/09/07

Meteor

关注周围的人或事,体验人生历程!

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

最新 热点 随机
最新 热点 随机
[教程]AWS免费EC2注册/使用/添加IPV6/SSH连接/删除实例 使用VestaCP搭建邮局(含DKIM,DMARC教程) [教程]利用宝塔面板邮局管理器搭建Roundcube Webmail自建邮局 [测评]喵云互联绍兴电信NAT套餐1测评 iperf3 网络性能测试 [收藏]13 个免费 PPT 模板网站汇总
[测评]喵云互联绍兴电信NAT套餐1测评[教程]利用宝塔面板邮局管理器搭建Roundcube Webmail自建邮局iperf3 网络性能测试使用VestaCP搭建邮局(含DKIM,DMARC教程)[教程]AWS免费EC2注册/使用/添加IPV6/SSH连接/删除实例
解决新浪SDK报错Error(1.0.5 1107071739)的方法 1GB/10GB/CP/hostyme.com VirtualMaster提供免费4小时VPS WordPress博客网站文章图片美化技巧:放大、幻灯片播放操作方法与教程 lumanager的nginx支持pathinfo,支持wordpress伪静态设置 定期清理wordpress数据库wp-commentmeta表文件
最近评论
b2b系统 发布于 1 年前(12月29日) 感谢分享
Meteor 发布于 2 年前(10月20日) 哈哈,友链一直都在,后来换了主题后忘记修改显示数量了,现在恢复好了。
弋牧 发布于 2 年前(10月12日) 这里已经看不到我的友连了吗?
彩鸽 发布于 2 年前(10月04日) 写的不错
B2B海外商城系统 发布于 2 年前(09月21日) 感谢分享
标签聚合
虚拟主机 宝塔 技巧 VPS 活动 域名解析 Linux技巧 wordpress
友情链接
  • Anders Norén
  • Appurse
  • CSS参考手册
  • DeeTeam-迪提姆
  • Fatesinger
  • FreeSSL
  • gandi
  • Internetbs
  • LogoMaker
  • Meteor's Blog
  • PM唐杰
  • SSL For Free
  • WPEX-Themes
  • 优品PPT
  • 免费顶级域名
  • 博客大全
  • 印记
  • 弋牧
  • 挖站否
  • 闫宝龙博客

COPYRIGHT © 2023 梓悦生活. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang