在我们的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头部模板(具体位置自己定),在里添加如下代码:

<?phpif(is_category(17)){echo '<img src="'.get_bloginfo("template_url").'/images/souyao.jpg" width="100%">';}elseif(is_category(3)){echo '<img src="'.get_bloginfo("template_url").'/images/soutui.jpg" width="100%">';}?>

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