WordPress按分类显示文章

  • A+
所属分类: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:

目前评论:55   其中:访客  52   博主  3

    • avatar 懿古今 2

      这个方法还真是挺给力的

      • avatar 美Win网 4

        这个够实用的啊!

        • avatar 主机测评 3

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

          • avatar aunsen 4

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

              • avatar 知更鸟 Admin

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

                  • avatar 酋长 0

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

                    • avatar 踩着地球皮 0

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

                    • avatar 两天 6

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

                        • avatar aunsen 4

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

                      • avatar 便宜vps推荐网 0

                        好的。学习了

                        • avatar 阿里书籍 6

                          绝对的给力

                          • avatar 萨龙龙 4

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

                            • avatar 美Win网 4

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

                              • avatar 养鹅场 3

                                学习了 好方法

                                • avatar 谭谈互联网 1

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

                                  • avatar 美Win网 4

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

                                    • avatar 大米网 3

                                      支持一下 你的博客很出名

                                      • avatar 宏阳棋牌 0

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

                                        • avatar 美Win网 4

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

                                          • avatar 苗木网 3

                                            这样也可以啊

                                            • avatar 太古神王 1

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

                                              • avatar 美Win网 4

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

                                                • avatar 暴赚金 3

                                                  谢谢分享 果然好用

                                                  • avatar 宝赚金 3

                                                    这个成功解决了我的问题

                                                    • avatar 番茄 2

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

                                                      • avatar Aaron 3

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

                                                          • avatar 知更鸟 Admin

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

                                                          • avatar 美女美腿 0

                                                            wordpress很强大内容值得参考

                                                            • avatar 52美臀 1

                                                              这个方法还真是挺给力的

                                                              • avatar 百事 0

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

                                                                • avatar 嘟嘟 0

                                                                  拿来试试

                                                                  • avatar 我要 网赚 2

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

                                                                    • avatar 湖南发票 2

                                                                      收藏了。。

                                                                      • avatar 番茄 2

                                                                        折腾,继续折腾当中。

                                                                        • avatar satudy 0

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

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

                                                                          • avatar 地精网—IT视频教程下载 0

                                                                            靠谱方法

                                                                            • avatar boke112导航 5

                                                                              这个功能挺实用的

                                                                              • avatar 推理社 0

                                                                                还是不会使

                                                                                • avatar yumanutong 6

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

                                                                                  • avatar 跨境电商 2

                                                                                    非常不错!感谢!

                                                                                    • avatar catkin 0

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

                                                                                      • avatar 帅气小琦琦 5

                                                                                        学习了

                                                                                        • avatar 裸奔的猪 0

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

                                                                                          • avatar U盘启动 3

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

                                                                                            • avatar weilishi.org 3

                                                                                              挺好的功能

                                                                                              • avatar 酷爱橘子. 0

                                                                                                该怎么布局他

                                                                                                • avatar 天下 2

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