首页 > wordpress CMS主题制作 > WP开发17:怎样让wordpress网站的不同分类页面,调用不同的banner图片?

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

作者: 分类:wordpress CMS主题制作 点击: 1,644 次

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

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

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

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

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

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

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

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

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

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

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

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

    <?php
    if(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%">';
    }
    ?>

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

    通过上面的代码判断处理,在wordpress网站的瘦腰分类页面显示souyao.jpg图片,在瘦腿分类页面显示的是soutui.jpg图片,效果如上图。这样,我们就为wordpress网站不同的分类目录页面调用了不同的banner图片。



文章作者:码不停蹄
本文地址:http://wanlimm.com/77202007229330.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

上一篇:
下一篇:

或许你会感兴趣的文章:

发表评论

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.