网址导航网首页

嗨,欢迎来到25Qi网址导航

站长QQ:2598903095

WordPress

WP主题开发05:编写wordpress主题的静态模板的

时间:2022-06-23 丨 作者:WordPress教程学习网站 丨 关键词:WP主题开发05

想让我们的客户在千里之外初步看到WordPress主题的大致效果,效果图虽然比较漂亮,但是,更加直观而灵动的,是让客户在浏览器中看到WordPress主题的大致效果,毕竟,客户最终的需求是在网站上展示wordpress主题模板的效果的。而开发一个wordpress主题模板,并不是一个可以快速完成的工作,尤其是那些功能强大的wordpress主题模板,它会涉及到很多方面的东西,所以,在开发初期,我们不可能做到,让客户看到动态网页的效果。

所以,在初期,我们只能叫前端工程师把切图通过HTML和CSS代码来组合,编写成一个wordpress的静态代码模板,这样的好处有2点:

1、可以让客户更加直观地看到wordpress主题放到网站上的效果;

2、可以减去wordpress主题的后端工程师编写HTML静态代码的工作,可以全身心地放在PHP动态代码的编写上。

那么,前端工程师应该怎样编写wordpress主题的静态代码模板呢?

一:按照wordpress主题的一些常规规范来编写。

我就曾经碰到这样的一个情况,前端工程师把wordpress静态代码模板给我后,我就碰到几处地方,用wordpress的函数不太好弄出相同的效果。比哪:顶部导航菜单。wordpress提供的wp_nav_menu()这个创建菜单的函数,它创建出来的菜单列表代码如下:

 image.png

< li id="menu-item-7164">< a target="_blank" href="/">首页
< li id="menu-item-7152">< a target="_blank" href="/">WordPress企业模板
< li id="menu-item-7153">< a target="_blank" href="/">wordpress CMS主题

或者是直接用a 标签:

< a target="_blank" href="/">网站首页
< a target="_blank" href="/">wordpress模板
< a target="_blank" href="/">wordpress主题

可是,前端工程师给我的静态模板的代码却是用div来做菜单列表的标签,如下:

< div id="menu-item-7164">< a target="_blank" href="/">首页
< div id="menu-item-7152">< a target="_blank" href="/">wordpress企业模板
< div id="menu-item-7153">< a target="_blank" href="/">wordpress CMS主题

虽然,我们通过一些相关的代码处理,也能用上,但是,这要花费我们的开发时间。我们用WordPress程序做网站的目的不就是冲着它开发方便而且快速吗?如果每一次后端工程师都要处理这此事情,就会影响整个开发进度。所以, 前端工程师在开发wordpress静态模板时,一定要按wordpress的相关规范来开发。

二:根据效果图有针对性地开发几个前端静态模板。

前端开发人员,一般情况下只需要根据美工提供的效果图来进行开发静态模板。而美工设计效果图时,也是根据网站的一般需求而来。一个网站,正常情况下,主要包括:网站首页、网站分类目录页面、网站文章详情页面、一些独立页面(如:关于我们)、网站的搜索页面。当然,有些网站还有其它的一些页面。但,主要的页面就这几种吧。所以,前端工程师要编写如下几个静态模板:

1、网站首页的静态代码模板;

2、文章列表页的静态模板;

3、文章详情页的静态模板;

4、单页面的静态模板;

5、搜索页面的静态模板;

6、tag标签页的静态模板;

image.png

当然,以上是常规的页面静态模板。不同的客户有不同的需求。比如:企业网站,他们的网站可能需要产品展示列表页、产品销售页面、公司的促销活动单页面等等,这些页面,可能又是另外的一种页面布局。所以,也要为它们编写好相应的静态模板。

总之,wordpress主题的静态代码模板编写,只需要注意以上2大点就可以。毕竟,wordpress主题开发的重点是在动态代码的编写上,客户的需求,大多都会在wordpress主题的动态代码模板中体现出来。所以,我们会花更多的时间在wordpress主题动态模板上。

在线随机小姐姐图片换一批
最新收录
  • 安庆人事考试培训网

    安庆人事考试培训网:承办公务员、军队转业干部和专业技术人员继续教育培训工作;协助行业主管部门开展专业技术人员继续教育专业课培训和人事培训基地建设;承办机关事业单位技术工人等级考试的培训和各类社会化培训工作;组织培训考务人员;在政策规定范围内,开展人事考试考前培训和其他社会化培训业务。

  • 山东自学考试网

    山东自考网为广大山东自考人提供山东自考资讯、山东自考培训、山东自考历年真题下载,第1时间发布山东自考报名时间、山东自考成绩查询、山东自考网上报名、山东自考网校和山东自考书等相关资料和信息,全心全意为广大山东自考人服务

  • 上海公务员考试网

    上海公务员考试网发布2023年上海公务员考试报名时间、报名政策、职位表、考试大纲、上海公务员考试报名入口以及历年真题等辅导信息、申论热点,上海市公务员考试网承诺每日更新……

  • 浙江公务员考试网

    浙江公务员考试网:2023年浙江公务员考试时间、2023年浙江公务员考试职位表、公告大纲来自浙江省公务员局官网,2023年浙江公务员考试报名入口、报考条件、历年真题、成绩查询

  • 南充市教育考试院

    南充市教育考试院官方网站—咨询电话:0817-2239002

  • 在职研究生网

    在职研究生网第一时间公布在职硕士、在职博士等在职研究生招生信息,并为学员提供在职研究生报名、在职研究生招生简章及同等学力申硕、非全日制研究生、中外合作办学、高级研修班等咨询服务。