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

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

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

如何还有什么不太明白的,或者你想了解什么,可以在下面评论中给我留言。

woocommerce分类页面模板_怎样让wordpress网站的不同分类页面,调用不同的banner图片?...相关推荐

  1. wordpress 首页调用指定分类文章_怎样给wordpress网站分类目录页面,添加文章列表和分页效果?...

    在前面的章节中,我们完成了wordpress网站首页模板数据的调用,也创建好了wordpress网站的公共模板.今天,我们再来给wordpress网站的分类目录页模板archive.php文件添加左侧 ...

  2. wp-login.php 404页面,WordPress网站如何设置404页面

    站长都知道网站搭建好,是需要进行404页面的设置,若没有设置404页面会导致网站流量的流失,那么,WordPress网站如何设置404页面?接下来就关于这个问题为大家进行分析. 404页面也就是客户端 ...

  3. fomo规则_如何在WordPress网站上使用FOMO来增加转化次数

    fomo规则 You may have heard of FOMO and social proof notifications when reading about latest marketing ...

  4. element 修改分页样式_如何给wordpress网站的文章列表,添加分页效果?可以通过2种方式...

    在上一章节中,我们为wordpress网站的首页添加了全站文章列表.一个wordpress网站不可能只有几篇文章,可能会有成千上万的文章,作为一个wordpress博客主题模板,一般情况下,不可能让所 ...

  5. wordpress用户注册_如何在WordPress网站上允许用户注册

    wordpress用户注册 Do you want to allow users to register on your site? You can enable user registration ...

  6. wordpress mysql主机_怎样把WordPress网站迁移到新虚拟主机?

    作者: meilin 位于: 数码电子 把网站迁移到一个新主机是令许多人感到头痛的事情.但掌握技巧,并肯花些时间做准备,迁移网站实际上很简单.下面让我手把手的教给你,把WordPress网站转移到新虚 ...

  7. wordpress代码_如何在WordPress网站上轻松显示代码

    wordpress代码 Do you want to display code in your WordPress blog posts? If you tried to add code like ...

  8. 僵尸网络攻击_僵尸网络对WordPress网站的主要暴力攻击

    僵尸网络攻击 In October 2012, an attack was occurred on WordPress compromising some 50,000 sites. In the s ...

  9. woocommerce分类页面模板_小程序模板怎么设计才好看?

    微信小程序界面的风格.色彩.版块布局都需要好好设计,但是大多数想要制作小程序的商家.个人都是新手,不懂设计知识.所以今天就跟大家科普下微信小程序模板设计要点,教你设计出一个美观的小程序. 1.选择高质 ...

最新文章

  1. SQL SERVER 2008的元数据视图
  2. CTO关注:升级Win 10,除了更安全还有什么
  3. java继承的关键字_超级关键字在Java继承中的作用
  4. Django在admin.py中设置date_hierarchy时报错
  5. Codeforces Round #656 (Div. 3) F. Removing Leaves 贪心 + 模拟
  6. MySQL划重点-查询-条件
  7. java 分享巧克力_[leetcode 双周赛 11] 1231 分享巧克力
  8. 随机验证码(数字和字母组成)及toLowerCase() 字符串转小写方法和toUpperCase()字符串转大写方法...
  9. [转]B树(多向平衡查找树)详解
  10. 黑苹果OC引导配置制作小工具:一键制作黑苹果OpenCore EFI文件
  11. ubuntu设置桌面和锁屏背景
  12. 程序员应该知道的经济学常识
  13. 【修真院“纯洁”系列之二十】除了修真院,还有谁能够在你找工作之前提供真实项目机会?
  14. Linux 驱动开发 六十六:多点触控(MT)协议
  15. 你不做“推广”,也能帮你招生的小程序
  16. uni-app转小程序ios video不生效+视频播放不了、黑屏问题
  17. 七彩cms云转码_七彩CMS 2019云转码完全开源版本 程序源码带安装教程
  18. 利用c语言中printf输出图形
  19. 架设linux服务器下的samba,Linux 服务器搭建之Samba服务
  20. 全年GMV突破40亿元关口,为何如涵仍难造出第二个“张大奕”?

热门文章

  1. Windows 10强推新功能:能否让你的电脑更快
  2. zabbix在configure时候遇到的问题(Ubuntu\debian)
  3. 【正视CSS 06】构建我们自己的世界观!
  4. 第一篇:超级工具/Terminals,xterms 和 Shells
  5. 实现一个压缩Remoting传输数据的Sink:CompressionSink
  6. 从系列去雨论文看如何创新
  7. php curl安装检查,如何判断php的curl是否已安装
  8. docker设置http_proxy https_proxy解决gcr.io/kaniko-project/executor:v1.7.0之类的镜像拉取问题
  9. linux fedora配置.myBase.ini文件
  10. operator-sdk实战开发K8S CRD自定义资源对象