学做网站培训课程介绍

当前位置：

WordPress父分类调用子分类名称和文章列表

在之前的网站制作文章中讲到了wordpress如何调用当前分类下面的子分类的方法，但这种方法只能调用出子分类的名称，无法去调用出子分类下面的文章列表。（相关阅读：wordpress调用分类下的二级分类名）

在做网站时，为了实现某种需要，我们要同时调用出分类的名称和文章列表，以达到如下图的效果。
wordpress同时调用子分类的名称和文章列表

为达到这样的功能，我们需要判断一下当前分类包含的二级子分类，然后调用出所有的二级分类ID，再通过ID去调用子分类的名称和子分类下面的文章列表。代码如下：

<?php
global $cat;
$cats = get_categories(array(
'child_of' => $cat,
'parent' => $cat,
'hide_empty' => 0
));
$c = get_category($cat);
if(empty($cats)){
?>
<div class="item">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post">
<h2><a title="<?php the_title(); ?>" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?></p>
<p><a href="<?php the_permalink(); ?>">more >></a></p>
<div class="meta"><?php the_time('Y-m-d'); ?> | 标签: <?php the_tags('', ' , ', ''); ?></div>
</div>
<?php endwhile; ?>
<?php else: ?>
<div class="post"><p>暂无文章</p></div>
<?php endif; ?>
</div>
<div class="navigation">
<span class="alignleft"><?php next_posts_link('&laquo; Older posts') ?></span>
<span class="alignright"><?php previous_posts_link('Newer posts &raquo;') ?></span>
</div>
<?php
}else{
foreach($cats as $the_cat){
$posts = get_posts(array(
'category' => $the_cat->cat_ID,
'numberposts' => 10,
));
if(!empty($posts)){
echo '
<div class="item cat_item">
<div class="item_title"><h2><a title="'.$the_cat->name.'" href="'.get_category_link($the_cat).'">'.$the_cat->name.'</a></h2></div>
<ul class="box_list">';
foreach($posts as $post){
echo '<li><span class="alignright">'.mysql2date('Y-m-d', $post->post_date).'</span>
<a title="'.$post->post_title.'" href="'.get_permalink($post->ID).'">'.$post->post_title.'</a></li>';
}
echo '</ul>
</div>';
}
}
}
?>

还可以调用指定分类下所有子分类及文章列表，代码如下：



<?php

$cats = get_categories(array(

'child_of' => $catid01,

'parent' => $catid01,

'hide_empty' => 0

));



if(!empty($cats)){

foreach($cats as $the_cat){

$posts = get_posts(array(

'category' => $the_cat->cat_ID,

'numberposts' => 10,

));

if(!empty($posts)){



echo '

<div class="cat_item">

<h2><a title="'.$the_cat->name.'" href="'.get_category_link($the_cat).'">'.$the_cat->name.'</a></h2>

<ul class="box_list">';



foreach($posts as $post){?>



<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>



<?php

}

echo '</ul>

</div>';



}

}

}

?>

通过对以上的代码进行改编辑，结合WordPress分类目录添加缩略图上传功能，可以制作出以下的网页效果。

wordpress同时调用子分类的名称和文章列表扩展

代码如下：（代码里的分类ID和图片的地址自行修改）



<?php

global $cat;

$cats = get_categories(array(

'child_of' => $cat,

'parent' => $cat,

'hide_empty' => 0

));

$c = get_category($cat);

if(empty($cats)){

?>

<?php

}else{

foreach($cats as $the_cat){

$posts = get_posts(array(

'category' => $the_cat->cat_ID,

'numberposts' => 6,

));

if(!empty($posts)){

echo '

<tr bgcolor="#006699" align="center">

<td colspan="2" height="30" align="left"><font size="2" color="#ffffff">&gt;&gt;&gt; '.$the_cat->name.'</font></td>

</tr>

<tr bgcolor="#edf1f5">

<td width="40%" height="25" align="center"><a title="'.$the_cat->name.'" href="'.get_category_link($the_cat).'" target="_blank"><img alt="'.$the_cat->name.'" src="https://www.xuewangzhan.net/wp-content/themes/jcw/images/'.$the_cat->cat_ID.'.jpg" width="250"></a></td>

<td width="60%">

<table cellspacing="0" cellpadding="0" border="0">

<tbody>';

foreach($posts as $post){

echo '



<tr height="22">

<td width="80%"><a href="'.get_permalink($post->ID).'" target="_blank">'.$post->post_title.'</a></td>

<td width="20%">'.mysql2date('Y-m-d', $post->post_date).'</td>

</tr> ';

}

echo '

<tr height="1">

<td colspan="2" width="100%"><hr style="border:1px #cccccc dotted" size="1" noshade="noshade"></td>

</tr>

<tr>

<td colspan="2" width="100%"><a title="'.$the_cat->name.'" href="'.get_category_link($the_cat).'" target="_blank"><img src="https://www.xuewangzhan.net/wp-content/themes/jcw/images/a0.gif" width="200" height="46" border="0"></a></td>

</tr>

</tbody></table>

</td></tr>

<tr bgcolor="#ffffff">

<td height="5" align="center"></td>

<td></td></tr>';

}

}

}

?>

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (111435 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发，自己比较喜欢。注意：此模板不支持IE6,
  • 用什么建网站？Wordpress建网站好不好 (110905 次浏览)
    用什么建网站？Wordpress建网站好不好？这些问题经常被新手问上问起。可以这样说，wordpress程序可以建各种类型的网站，它的功能强大之处令人称赞，
  • 网站服务器有哪些分类 图文教程 (123667 次浏览)
    网站服务器的等级:共享IP空间 < 独立IP < VPS < 租用服务器 < 自己的服务器对于个人自己做网站的话,刚开始可选择共享IP空间,也就是虚
  • Wordpress 分类目录如何创建 视频教程 (1155873 次浏览)
    wordpress  在写文章之前需要先创建分类目录，那么怎么样去创建分类目录呢？Wordpress创建分类目录步骤 首先登陆wordpress网站后台，鼠标悬停
  • 网站怎么插入天气预报 天气预报代码调用方法 图文教程 (124582 次浏览)
    我们在浏览网站时，会发现有些网站的顶部会有天气预报功能，并且可以根据用户所在的城市自动变换成当地的天气预报信息。那么我们在自己建网站时，怎么
  • Wordpress导航调用二级子菜单 图文教程 (121584 次浏览)
    在学做网站论坛的VIP课程中，我们讲了做网站时，我们网站的导航是调用一级分类和页面，可往往为了一些需要，登录制作wordpress下拉菜单，要求调用某个
  • wordpress调用当前分类的子分类 图文教程 (117627 次浏览)
    在企业网站制作时，需要在网站的边栏列出企业产品分类，如果公司网站产品项目很多的情况，就需要设置二级分类或者子分类。如下图：如何在自己
  • wordpress不同分类调用当前子分类，子目录（含别名） 图文教程 (121148 次浏览)
    在使用wordpress建网站时，往往需要在侧边栏调用当前栏目的子分类子目录，而且在点击子目录时，还会侧边栏显示这些子目录的分类。在wp程序下，
  • 网页设计学习必备：颜色名称和HTML代码对照表 (125198 次浏览)
    学做网站时，经常要修改代码，很多时候需要用到颜色代码，由于太多，不可能都记住，所以找到了一个带有中文颜色名称表示的颜色代码表，以便后期网页设
  • DEDECMS后台开发：修改织梦后台左侧菜单类别与名称 图文教程 (156481 次浏览)
    使用DEDECMS建网站时，根据不同网站类型，需要建立与自己网站风格要求的管理后台，修改了织梦5.7的后台系统，并详细介绍每一块儿的修改方法。此篇
  • 如何添加WordPress站点统计列表 图文教程附件下载 (120589 次浏览)
    这里的站点统计列表，并不是之前讲的如何给网站添加统计代码，而今天讲的统计列表是指统计网站文章数目、评论数目、友链数等11个统计数据。下
  • Wordpress父分类调用子分类名称和文章列表 图文教程 (116357 次浏览)
    在之前的网站制作文章中讲到了wordpress如何调用当前分类下面的子分类的方法，但这种方法只能调用出子分类的名称，无法去调用出子分类下面的文章列表

建站培训课程

最新教程

其它教程