HotNews Pro主题“热门标签”模版

2011年10月22日05:44:23 30 7,599
摘 要

  “热门标签”模版也就是将所有标签归档并随机排序显示在一个页面中,有需要的童鞋可以自己动手作一个,具体方法:

  首先,新建一个名称为:alltag.php的模版文件,将下面的代码扔进去,上传到主题根目录中。并在主题样式文件最后加上一句,之后,新建一个页面,在右侧页面属性—模版—选择热门标签模版(如图),发布后调用到导航菜单中。
  更多与标签函数使用说明请参阅WordPress官方Codex

“热门标签”模版也就是将所有标签归档并随机排序显示在一个页面中,有需要的童鞋可以自己动手作一个,具体方法:

首先,新建一个名称为:alltag.php的模版文件,将下面的代码扔进去,上传到主题根目录中。

  1. <?php
  2. /*
  3. Template Name: 热门标签
  4. */
  5. ?>
  6. <?php get_header(); ?>
  7.     <?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>
  8.     <div id="map_box">
  9.         <div id="map_l">
  10.             <div class="browse">现在位置 ><a title="返回首页" href="<?php echo get_settings('Home'); ?>/">首页</a> ><?php the_title(); ?></div>
  11.         </div>
  12.         <div id="map_r">
  13.             <div id="feed"><a href="<?php echo get_option('swt_rsssub'); ?>" title="RSS">RSS</a></div>
  14.         </div>
  15.     </div>
  16.     <div class="clear"></div>
  17.     <div class="entry_box_s_l">
  18.         <div class="tagall">
  19.         <?php wp_tag_cloud('smallest=14&largest=24&orderby=count&unit=px&number=&order=RAND&exclude&include=');?>
  20.         </div>
  21.         <i class="lt"></i>
  22.         <i class="rt"></i>
  23.     </div>
  24.     <div class="entry_sb_l">
  25.         <i class="lb"></i>
  26.         <i class="rb"></i>
  27.     </div>
  28.     <?php endwhile; ?>
  29.     <?php endif; ?>
  30. <?php get_footer(); ?>

并在主题样式文件最后加上一句:

  1.  /******** 标签页面 ********/
  2. .tagall {
  3.     padding:10px;
  4.     }
  5. .tagall a{
  6.     padding:10px;
  7.     line-height:30px;
  8.     whitewhite-space:nowrap;
  9.     }

之后,新建一个页面,在右侧页面属性---模版---选择热门标签模版(如图),发布后调用到导航菜单中。

具体效果看这里

 

更多与:

  1. <?php wp_tag_cloud( $args ); ?>

标签函数相关的使用说明请参阅WordPress官方Codex

注:请使用Notepad++、EmEditor、EditPlus文本编辑工具编辑修改中文主题模板,中文模版编码格式为:UTF-8 无BOM,保存时注意编码格式。

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:30   其中:访客  23   博主  5   引用   2

    • Coach Outlet 2

      都没人么?

      • 我的移动互联 2

        如你的博客样,在栏目下显示几个最热门标签,怎么实现,鸟哥?

        • Win7en乐园 8

          嗯,这个早些时候有人问我,我让问鸟哥

          • 陨落de芳菲 5

            刚看了你的的热门标签页
            发现2个问题:
            1. 部分标签没有设置别名,所以链接地址是%28%83%EA%I2这种形式
            毫无疑问对SEO有影响

            2. 标签没有nofollow属性
            虽然都是内链但是感觉百度似乎把WP的tag和page划分为一个等级去排名,甚至tag页排名比page还要靠前。其实我自己感觉通过搜索引擎进的WP博客tag页几乎都找不到想要的内容,知更鸟有什么好的办法吗?

              • 知更鸟 Admin

                @陨落de芳菲 自己也弄个度娘或搜狗,别无它法,呵呵
                对SEO没兴趣,开博就是闲玩

              • 强龙 3

                鸟哥。按照你说的创建的。帮看下啊。。我的标签也面包屑导航这出现乱码。。怎么弄呢?http://www.qianglong.org/tag

                  • 知更鸟 Admin

                    @强龙 编码不对,看文章最后一句

                      • 学研端 3

                        @知更鸟 嗯嗯,是的,得保存为UTF-8 无BOM,不然就是乱码

                    • 强龙 3

                      哦哦。。中文UTF-8编码。。。

                      • 小小鱼 4

                        具体效果是怎样的呀 鸟哥太给力了 天天修模版~~

                        • 小赵 2

                          鸟哥 俺是新手 我想放在导航栏下面,具体这句代码
                          插到哪里? 照顾一下新手

                            • 知更鸟 Admin

                              @小赵 代码放到一个PHP模版中,按文章中操作
                              然后使用“菜单”功能调用到导航上

                            • 四川人 6

                              博主新的版本准备什么时候发布呢?

                                • 知更鸟 Admin

                                  @四川人 如果主题与即将发布的WP3.3无兼容问题,不会有新版本

                                • 拼拼马 1

                                  鸟哥太棒啦。

                                  • sam 0

                                    鸟哥我想请教你一下。我在首页的添加了彩色标签云,但我不是很懂,彩色标签云是怎样调用tag的。不是平时我们添加文章时添加的标签最多的就出现有那里吗?我的一直显示我的站最先发布的那几篇文章的标签。彩色标签云对应哪个文件?可以怎样设?

                                    • 屈臣氏官网 5

                                      试了 没成功

                                      • xxxq 1

                                        后台添加导航菜单时显示若干排:给出的对象 ID 不是一个目录项目的 ID。

                                        • Mee 4

                                          鸟哥麻烦你移步到我的热门标签页看下,我的热门标签前面怎么会有一些特殊符号,在模版选择处也是显示特殊字符,但对应的模版却是热门标签这个模版,我是按你的操作方法做的,用的编辑器是NOTEPAD2,我的热门标签页地址是http://7056.tk/index.php/hot-tags

                                            • Mee 4

                                              @Mee 已经解决了哈!

                                            • yumanutong 6

                                              那个主题样式说的哪个CSS?主题目录下的S开头那个CSS?????我回复你的从来不回答,晕………………………….

                                              • 学研端 3

                                                我的热门标签页已经搞好了,哈哈,多谢鸟哥了!

                                                • 影子 3

                                                  貌似我的不能用啊 鸟哥帮忙解决下啊 我的 http://www.esscn.net/tags

                                                  • alan0113 1

                                                    鸟哥,问一下你网站酷站欣赏页面的效果怎样实现??

                                                  • 来自外部的引用: 2

                                                    • Hotnews主题的“热门标签” | 程春杰博客
                                                    • Hotnews主题的“热门标签” | 程春杰博客