欢迎您光临爱永设计官网!
电话图标 服务热线/微信:13436537174 QQ咨询:276583799

新闻资讯

news

WordPress创建单独的标签列表页

发表日期:2012-10-10 文章作者:爱永设计  浏览次数:20988 次

  1. 在当前主题目录下新建一个php文件,命名为tag-cloud.php,然后将page.php中的所有代码复制到tag-cloud.php中
  2. 用文本编辑器打开tag-cloud.php,删除开头的所有注释(如果有的话),即 ,以及它们之间的所有内容
  3. 将第一个 <?php 改成:
    <?php
  4. 将 the_content(); 改成 wp_tag_cloud();
  5. 进入WordPress管理后台 – 页面 – 创建页面,标题为标签云(可以自己起名),内容不要填,右侧可以选择模板,选择 Tags Cloud 即可
  6. OK,标签页创建成功

如果想要更加炫目一些,不如加上点彩色效果:

  1. 将下载的或者你制作的tag-cloud.php文件打开,并替换:
    <?php wp_tag_cloud('smallest=12&largest=12&unit=px&number=5000');?>
    为:
    <?php
    $html = '<ul>';
    foreach (get_tags( array('number' => 100, '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;
    ?>

    代码说明:
    1、以上代码最多输出50个标签,如果你想控制标签数量,请将以上代码第9行的50修改成你需要的数字
    2、以上代码控制标签按标签所含的文章数从多到少排序,如果你想按名称方式排序,请将以上代码第9行的 count 改成 name
    3、以上代码将会显示包含文章数为0的标签,如果你不想显示空标签,请将以上代码第9行的 false 改成 true
  2. 然后修改主题的style.css的CSS样式加上以下代码:
    ul.post_tags li {
    display:block;
    width:23%;
    list-style:none;
    background:none;
    float:left;
    }

 以上两个修改来自露兜博客,修改好后就是彩色的标签云集了。

将文章分享到..
相关资讯
最新主题模板
随机新闻
最新网站案例
  • 更多 +我们能做什么

    致力于互联网品牌建设与网络营销,专业领域包括网站建设、网站模板、移动互联网营销、wordpress平台开发等,服务范围涵盖基础的域名服务、主机 服务;企业邮箱、云服务器、网络营销等应用服务,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。

  • 更多 +网站模板优势

  • 更多 +关于爱永设计

    爱永设计工作室一直致力于品牌精美的网页设计、网页制作DIV+CSS布局、JS效果、精美网站模板、标志设计、专业仿站, 低廉的价格,真诚的服务,我们拥有全国各地的客户群体和各行业的成功案例。以一流的服务,出色的网页设计和制作能力,认真严谨的工作态度为客户提供优质满意的服务。期待与您的合作!

Copyright © 2012 - 2024 aysheji.com All Rights Reserved 爱永设计 版权所有
邮箱:aysheji@163.com 在线客服:276583799 模板演示地址:www.aymoban.com 备案号:京ICP备13060102号-3
服务内容: 网页设计 网站建设 网站制作 网站模板 婚庆网站模板 摄影网站 手机网站制作 自适应网站制作