建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

怎样让wordpress网站的不同分类页面,调用不同的banner图片?(WordPress调用指定分类子分类的数据和文章列表)

GG网络技术分享 2025-03-18 16:12 0


怎样让wordpress网站的不同分类页面,调用不同的banner图片?

在我们的wordpress网站模板开发中,我们可能有这样的一个需求,就是能在自己的wordpress网站的不同的分类目录页面,能调用不同的banner图片。比如:医院类网站,医院科室比较多,男科分类调用男科相关的banner图,妇产科调用婴儿相关的banner图片,神经科调用神经相关的banner图片,以此类推。这类需求,在企业网站上体现的比较多。那么,在wordpress模板开发中,我们怎样为wordpress网站的不同分类添加不同的banner图片呢?我们接着往下看(也可以观看我在本站中发表的《wordpress模板,如何实现不同的分类页面,调用不同的banner图?》视频)。


第一步:获取分类目录的ID号。

进入到wordpress网站后台的分类目录页面,把鼠标的指针移动到某个分类目录的名称上面,这时,在浏览器底部的状态栏中,就会出现这个分类的相关信息,里面就有这个分类的ID号,如下图圈圈中所标的就是分类ID号。通过这种方式我们获取多个分类的ID号,瘦腰分类的ID号是17,瘦腿分类的ID号是3。


第二步:准备好每个分类的banner图片。

这里我们以上面的2个分类而言,准备好瘦腰和瘦腿的banner图片,放到当前wordpress网站的模板目录下的images目录里。瘦腰的banner图片名是souyao.jpg,瘦腿的banner图片名为soutui.jpg。

第三步:通过wordpress判断函数来判断,不同的分类ID添加不同的banner图片。

为了能在不同的wordpress分类下调用不同的banner图片,我们要对wordpress网站的分类做出相应的判断,然后,再做处理。wordpress就为我们准备好了这样一个分类判断函数is_category(),我们通过它,就可以实现我们本节课所想要的效果。

wordpress网站的分类banner图片,一般情况下,都是在分类页面的头部的导航菜单下方,所以,我们打开header.php头部模板(具体位置自己定),在里添加如下代码:



​通过上面的代码判断处理,在wordpress网站的瘦腰分类页面显示souyao.jpg图片,在瘦腿分类页面显示的是soutui.jpg图片。这样,我们就为wordpress网站不同的分类目录页面调用了不同的banner图片。如果还有什么不太明白的,或者你想了解什么,可以在下面评论中给我留言。

WordPress调用指定分类子分类的数据和文章列表

我们在做wordpress网站的时候常常需要调用子分类的数据和列表,

通过下面代码就可以实现:

<?php

global$cat;

$cats=get_categories(array(

'child_of'=>18,

'parent'=>$cat,

'hide_empty'=>0

));

$c=get_category($cat);

if(empty($cats)){

?>

<?phpif(have_posts()):while(have_posts()):the_post();?>

<?phpendwhile;?>

<?phpelse:?>

<?phpendif;?>

<?php?>

<?php

}else{

$i=1;

foreach($catsas$the_cat){

$posts=get_posts(array(

'category'=>$the_cat->cat_ID,

'numberposts'=>10,

));

if(function_exists('z_taxonomy_image_url'))

echoz_taxonomy_image_url();

if(!empty($posts)){

echo'

<sectionclass="step-sections">

<divclass="mml-container">

<divclass="step-img-wrap">

<imgsrc="'.z_taxonomy_image_url($the_cat->term_id).'">

</div>

<divclass="step-detail-wrap">

<h2class="step-title"><span>'.$i.'</span>'.$the_cat->name.'</h2>

<p>'.$the_cat->description.'</p>

<ulclass="slider-control">';

foreach($postsas$post){

$full_image_url=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');

echo'<li><iclass="icon-right-dir"></i>'.$post->post_title.'</li>';

}

echo'

</ul>

</div>

</div>

</section>';

$i++;

}

}

}

?>

里面用到的子分类缩略图的调用需要用到插件:Categories Images

分类id和调用文章数量直接修改数字就可以了。

标签:

提交需求或反馈

Demand feedback