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

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

    作者: 分类:wordpress CMS主题制作 点击: 59 次
    wordpress CMS主题:ssmay主题

      扫描下面的二维码,“关注”我的头条号,我会每天更新免费视频课程。

      在我们的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图片。



      欢迎“关注”我的头条号,我会每天更新免费视频课程。

      头条二维码
      关注我的头条号
      头条二维码
      加入我的QQ群

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

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

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

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