WordPress按分类显示文章

可以自动将Wordpress站点的文章按分类显示在一个页面中,用作CMS主题布局很实用。

用下代码替换首页模板主循环,则按分类显示各分类最新的5篇文章。

  1. <?php
  2.     global $cat;
  3.     $cats = get_categories(array(
  4.         'child_of' => $cat,
  5.         'parent' => $cat,
  6.         'hide_empty' => 0
  7.     ));
  8.     $c = get_category($cat);
  9.     foreach($cats as $the_cat){
  10.         $posts = get_posts(array(
  11.             'category' => $the_cat->cat_ID,
  12.             'numberposts' => 5,
  13.         ));
  14.         if(!empty($posts)){
  15.             echo '
  16.             <div class="item cat_item">
  17.                 <div class="item_title"><h2><a title="'.$the_cat->name.'" href="'.get_category_link($the_cat).'">'.$the_cat->name.'</a></h2></div>
  18.                 <ul class="box_list">';
  19.                     foreach($posts as $post){
  20.                         echo '<li><span class="alignright">'.mysql2date('Y-m-d', $post->post_date).'</span>
  21.                         <a title="'.$post->post_title.'" href="'.get_permalink($post->ID).'">'.$post->post_title.'</a></li>';
  22.                     }
  23.                 echo '</ul>
  24.             </div>';
  25.         }
  26.     }
  27. ?>

用下代码替换分类归档模板主循环,则显示该分类下所有子分类的最新5篇文章,并按分类显示。如果当前分类下不存在子分类,则显示该分类的文章列表!

  1. <?php
  2.     global $cat;
  3.     $cats = get_categories(array(
  4.         'child_of' => $cat,
  5.         'parent' => $cat,
  6.         'hide_empty' => 0
  7.     ));
  8.     $c = get_category($cat);
  9.     if(empty($cats)){
  10. ?>
  11. <div class="item">
  12.     <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  13.     <div class="post">
  14.         <h2><a title="<?php the_title(); ?>" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
  15.         <p><?php the_excerpt(); ?></p>
  16.         <p><a href="<?php the_permalink(); ?>">全文阅读>></a></p>
  17.         <div class="meta"><?php the_time('Y-m-d'); ?> | 标签: <?php the_tags('', ' , ', ''); ?></div>
  18.     </div>
  19.     <?php endwhile; ?>
  20.     <?php else: ?>
  21.         <div class="post"><p>文章稍后更新</p></div>
  22.     <?php endif; ?>
  23. </div>
  24. <div class="navigation">
  25.     <span class="alignleft"><?php next_posts_link('&laquo; Older posts') ?></span>
  26.     <span class="alignright"><?php previous_posts_link('Newer posts &raquo;') ?></span>
  27. </div>
  28. <?php
  29. }else{
  30.     foreach($cats as $the_cat){
  31.         $posts = get_posts(array(
  32.             'category' => $the_cat->cat_ID,
  33.             'numberposts' => 10,
  34.         ));
  35.         if(!empty($posts)){
  36.             echo '
  37.             <div class="item cat_item">
  38.                 <div class="item_title"><h2><a title="'.$the_cat->name.'" href="'.get_category_link($the_cat).'">'.$the_cat->name.'</a></h2></div>
  39.                 <ul class="box_list">';
  40.                     foreach($posts as $post){
  41.                         echo '<li><span class="alignright">'.mysql2date('Y-m-d', $post->post_date).'</span>
  42.                         <a title="'.$post->post_title.'" href="'.get_permalink($post->ID).'">'.$post->post_title.'</a></li>';
  43.                     }
  44.                 echo '</ul>
  45.             </div>';
  46.         }
  47.     }
  48. }
  49. ?>

源代码出处:http://faq.wopus.org/question/10083/

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

发表评论

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

目前评论:54   其中:访客  51   博主  3

    • avatar 懿古今 来自天朝的朋友 谷歌浏览器 Windows 7 广西崇左市 电信 2

      这个方法还真是挺给力的

      • avatar 美Win网 来自天朝的朋友 谷歌浏览器 Windows 8.1 江苏省苏州市 电信 4

        这个够实用的啊!

        • avatar 主机测评 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信 3

          这个确实实用,看见过很多WordPress类似CMS的小说主题估计就是用这样的代码实现的!

          • avatar aunsen 来自天朝的朋友 火狐浏览器 Windows 8.1 陕西省安康市 联通 4

            哎~当年红火的wopus啊!!!煤球长也失踪了!吗个蛋蛋!!!

              • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows 7 辽宁省 移动

                @aunsen 人还健在,找他也很容易
                只不过wopus站点,都没人打理了

                  • avatar 酋长 来自天朝的朋友 谷歌浏览器 Windows 8.1 广东省深圳市 电信 0

                    @知更鸟 不是没大理,一直还在做,而且,已经拿下了wopus.cn域名,虽然这两年荒废了,但很多事情都已经理清楚了,今年是Wopus最好的一年,大家继续等待~

                      • avatar 苏小小 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省杭州市 电信 0

                        @酋长 酋长,哇,好久不见。

                        • avatar aunsen 来自天朝的朋友 火狐浏览器 Windows 8.1 陕西省安康市紫阳县 联通 4

                          @酋长 煤球长你粗来!我要给你生猴子! :mad:

                          • avatar maqingxi 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省衢州市 电信 4

                            @酋长 加入WopusIDC群吧,你可以看到他天天在那瞎扯淡。;)

                              • avatar aunsen 来自天朝的朋友 火狐浏览器 Windows 8.1 陕西省安康市旬阳县 联通 4

                                @maqingxi 群号是?

                            • avatar 踩着地球皮 来自天朝的朋友 谷歌浏览器 Windows 8.1 广东省广州市 电信 0

                              @知更鸟 鸟哥,可以加你QQ跟您学习吗?我是一个来自远方的WP新手

                            • avatar 两天 来自天朝的朋友 谷歌浏览器 Windows 7 山东省临沂市 移动 6

                              @aunsen 我还有酋长的QQ~~~ :lol: :grin: :grin:

                                • avatar aunsen 来自天朝的朋友 火狐浏览器 Windows 8.1 陕西省安康市紫阳县 联通 4

                                  @两天 我也有,前两天还见他更新一下状态,最近直接消失了!!!

                              • avatar 便宜vps推荐网 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信 0

                                好的。学习了

                                • avatar 阿里书籍 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省南京市 电信 6

                                  绝对的给力

                                  • avatar 萨龙龙 谷歌浏览器 Windows 7 美国 Linode数据中心 4

                                    这应该是很早的文章吧,不过很实用。

                                    • avatar 美Win网 来自天朝的朋友 谷歌浏览器 Windows 8.1 江苏省苏州市 电信 4

                                      鸟哥,求助哇。我用的是免费的主题GIT,但是总是被远程操控各种提示,现在内页底部又提示“您的主题授权日期已过,请联系云落重新授权”,估计又是要通过更新才能解决。但是我改了很多东西哇,一更新就全部恢复了,希望鸟哥能指条明路,怎么去除这个东西哇啊。

                                      • avatar 养鹅场 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 联通 3

                                        学习了 好方法

                                        • avatar 谭谈互联网 来自天朝的朋友 QQ浏览器 Windows 7 四川省成都市 鹏博士长城宽带 1

                                          这个主题功能比较丰富,就是 一个页面有2个H1权重代码

                                          • avatar 美Win网 来自天朝的朋友 谷歌浏览器 Windows 8.1 江苏省苏州市 电信 4

                                            鸟哥,如何在RSS里面插入相关文章呢?

                                            • avatar 大米网 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 联通 3

                                              支持一下 你的博客很出名

                                              • avatar 宏阳棋牌 来自天朝的朋友 搜狗浏览器 Windows 7 广东省韶关市 电信 0

                                                会搞代码都是很强大的人物~

                                                • avatar 美Win网 来自天朝的朋友 谷歌浏览器 Windows 8.1 江苏省苏州市 电信 4

                                                  鸟哥,你就回复一下我吧,这样我很没有面子呀!

                                                  • avatar 苗木网 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 联通 3

                                                    这样也可以啊

                                                    • avatar 太古神王 来自天朝的朋友 谷歌浏览器 Windows 7 江西省九江市 电信 1

                                                      如果按分类显示文章,岂不是内链更加强大,相关文章匹配

                                                      • avatar 美Win网 来自天朝的朋友 谷歌浏览器 Windows 8.1 江苏省苏州市 电信 4

                                                        鸟哥,你写一篇新文章吧!你老文章我每篇都回复了,我实在没有地方再回复了

                                                        • avatar 暴赚金 来自天朝的朋友 谷歌浏览器 Windows 7 河南省开封市 联通 3

                                                          谢谢分享 果然好用

                                                          • avatar 宝赚金 来自天朝的朋友 谷歌浏览器 Windows 7 河南省开封市 联通 3

                                                            这个成功解决了我的问题

                                                            • avatar 番茄 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省武汉市 鹏博士长城宽带 2

                                                              不知道我的博客主题能不能用,折腾看看。

                                                              • avatar Aaron 来自天朝的朋友 谷歌浏览器 Windows 7 河南省郑州市 联通 3

                                                                我想知调用ID 1,2,3分类目录和文章如何实现?

                                                                  • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows 7 辽宁省 移动

                                                                    @Aaron 这个就没啥技术含量了,百度搜索:WordPress调用分类文章

                                                                  • avatar 美女美腿 来自天朝的朋友 谷歌浏览器 Windows XP 陕西省西安市 联通 0

                                                                    wordpress很强大内容值得参考

                                                                    • avatar 52美臀 来自天朝的朋友 谷歌浏览器 Windows XP 陕西省西安市 联通 1

                                                                      这个方法还真是挺给力的

                                                                      • avatar 百事 来自天朝的朋友 谷歌浏览器 Windows 7 广东省佛山市 联通 0

                                                                        站长,我无意中看见了你的Ality032主题,可是我测试发现404页面很单调,我想能不能把你现在用这个404页面文件给我!谢谢!!QQ:58766920

                                                                        • avatar 嘟嘟 来自天朝的朋友 谷歌浏览器 Windows 8.1 北京市 北京世通泰达通信技术有限公司联通节点 0

                                                                          拿来试试

                                                                          • avatar 我要 网赚 来自天朝的朋友 谷歌浏览器 Windows 7 山东省聊城市 联通 2

                                                                            我是来引流的,看看你的博客不错,我会常来的

                                                                            • avatar 湖南发票 Netherlands 火狐浏览器 Windows 7 荷兰 2

                                                                              收藏了。。

                                                                              • avatar 番茄 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省武汉市 鹏博士长城宽带 2

                                                                                折腾,继续折腾当中。

                                                                                • avatar satudy 来自天朝的朋友 谷歌浏览器 Windows 8.1 广东省深圳市 教育和科研网主干网 0

                                                                                  get_permalink($post->ID)获得链接没有 /  这个东西。

                                                                                  如: http: zmingcx.com according-to-classification-according-to-the-article.html

                                                                                  • avatar 地精网—IT视频教程下载 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省连云港市 移动 0

                                                                                    靠谱方法

                                                                                    • avatar boke112导航 来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 电信 5

                                                                                      这个功能挺实用的

                                                                                      • avatar 推理社 来自天朝的朋友 谷歌浏览器 Windows 8.1 北京市 电信通 0

                                                                                        还是不会使

                                                                                        • avatar yumanutong 来自天朝的朋友 谷歌浏览器 Windows 10 广东省东莞市 联通 6

                                                                                          我的天,,,有广告哦。。。

                                                                                          • avatar 跨境电商 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信 2

                                                                                            非常不错!感谢!

                                                                                            • avatar catkin 来自天朝的朋友 火狐浏览器5.0 Windows 7 北京市 联通 0

                                                                                              那这个还是 博客布局,只是显示文章属于不同分类?有演示?

                                                                                              • avatar 帅气小琦琦 来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信 5

                                                                                                学习了

                                                                                                • avatar 裸奔的猪 来自天朝的朋友 谷歌浏览器 Windows 10 四川省 铁通 0

                                                                                                  在循环里面添加缩略图代码好像不行!添加进去,前端直接输出缩略图的代码了!

                                                                                                  • avatar U盘启动 来自天朝的朋友 谷歌浏览器 Windows 7 福建省厦门市 电信 3

                                                                                                    原来还有这种方法,好像有一个插件也可以,忘了叫什么

                                                                                                    • avatar weilishi.org 来自天朝的朋友 火狐浏览器 Windows 7 北京市朝阳区 联通 3

                                                                                                      挺好的功能

                                                                                                      • avatar 酷爱橘子. 来自天朝的朋友 搜狗浏览器 Windows 7 河南省郑州市 联通 0

                                                                                                        该怎么布局他

                                                                                                        • avatar 天下 来自天朝的朋友 QQ浏览器 Windows 7 湖南省衡阳市 百度网讯科技电信节点 2

                                                                                                          我想问一下,默认分类列表调用的文章包括了子分类的文章,那么怎么样才能在子分类的文章标题后面显示它所属的子分类名称。不知道我表达清楚没。呵呵 :mrgreen: