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

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

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

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

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

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

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

< 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标签页的静态模板；

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

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