wp企业官网主题

WP主题开发06:wordpress主题模板的整体结构

wordpress主题的静态模板编写好后,我们就可以正式进入到wordpress主题动态模板的开发之中。所谓动态模板,就是通过wordpress程序提供的PHP函数和PHP语法,调用wordpress数据库中的数据,在wordpress网站的前端静态模板中展示,网站有任何动静,都可通过动态模板在前端表现出来。在开发wordpress主题的动态模板之前,我们有必要先了解一下wordpress动态模板的整体结构。

一:wordpress动态模板的必须选项。

所谓必须选项,就是wordpress动态模板必不可少的。大家可以跟随我的动作,一起来演示一下。

1、创建一个主题目录。

我们进入到wordpress程序下的 /wp-content/themes/ 目录,在这个目录下新建一个 trans 目录(你也可以用其它的名称),这也就等于给当前wordpress网站创建了一个新主题模板,模板名叫:trans 。

2、创建一个模板的CSS样式文件。

添加好模板目录后,我们可以在wordpress后台的外观下的主题的界面中看到相关提示:“损坏的主题,下列主题已安装,但不完整。缺少样式表。”( 如下图)。

在trans目录下创建一个CSS样式文件sytle.css 。这个文件名必须是style,否则无效。这个文件是wordpress动态模板所必须要有的,如果缺少,就立马报错。

3、创建一个首页模板。

添加完这个CSS的样式表文件,我们再来看后台主题界面,这时,我们发现有另外一种提示:“损坏的主题。模板丢失。独立主题需要有 index.php模板文件“。如下图:

也就是说,wordpress动态模板必须要有一个首页模板——index.php ,如果缺少,就会报这样的错误。所以,我们再在trans目录下创建一个index.php文件。

4、添加trans主题动态模板的后台缩略图。

添加完index.php首页模板后,我再回到wordpress网站的后台的外观主题界面看一下,这时,就没有再报错了,这就说明:style.css这个样式表文件和index.php这个首页模板文件,是wordpress动态模板所必须的,缺少任何一个,都会报错。

但是,我们又发现一下问题:其它wordpress主题模板都有缩略图,可以看到大致的效果,而我们所创建的trans主题模板没有缩略图,是空白的,如下图:

这时,我们必须弄一个缩略图放进trans主题目录,这个缩略图的名字必须是screenshot,后缀可以是png、jpg、gif都可以。我们添加完缩略图后,后台就会展示出来,如下图:

以上就是wordpress主题动态模板所必须的选项:style.css样式表文件、index.php首页模板文件、screenshot主题缩略图。弄好这些后,我们就可以点击“启用”按钮,让当前wordpress网站使用这个trans主题模板。当然,这个时候启用它,前台页面是没有任何显示的,是一个空白页,因为,我们没有在index.php中放任何内容和调用任何数据。

二:wordpress动态模板的可选选项。

弄完了wordpress动态模板的必选项,我们的trans主题模板就可以正常使用了。对于一些需求性不高的wordpress网站,它们整个网站可能只需要一个页面就可以了,比如:前几年特别流行的淘宝客主题模板,就是这样的一个情况。这些淘宝客网站没有任何文章数据,他们只有一个简单的首页模板,这个首页模板上展示的是他们在淘宝联盟上弄下来的产品链接和图片,只要用户点击这些产品,并进入到淘宝中消费,wordpress站长就可以赚到钱。

但是,对于我们这些认真做网站的wordpress站长来说,我们的wordpress网站不可能只有一个页面,我们的网站会有很多很多的页面。所以, 我们在开发wordpress主题模板时,需要创建一些其它的模板文件,这就是wordpress动态模板的可选选项。

正常的wordpress主题模板一般还会包含以下几个模板文件:

functions.php => 主题函数文件archive.php => 列表页模板page.php => 单页面模板single.php => 文章页模板404.php => 404错误页面模板header.php => 头部模板footer.php => 底部模板sidebar.php => 侧边栏模板search.php => 搜索页模板searchform.php => 搜索表单模板comments.php => 评论模板

还可能会包含有以下几个目录:

images => 图片文件夹js => JS文件夹css => 其它CSS样式文件夹includes => 其它PHP功能文件夹

当然,上面的可选模板文件与目录,也不是固定不变的,我们可以根据自己网站的具体情况而。我们可以打开wordpress自带的官方主题看一下。我们先打开twentytwenty这个主题目录看一下,它就有好多的可选模板没有创建,如下图:

我们再打开另一个官方主题模板twentysixteen的目录,我们可以看到,它里面就基本上囊括我们上面介绍的可选选项的模板文件。如下图:

你们再来看一下由马不停蹄开发的ssmay主题,它不仅包含有必须项和可选项的主题模板文件,还包含有其它一些模板文件,如下图:

?可见,我们在开发wordpress动态模板时,没有固定的模式,创建模板的模式不是死的,我们要根据自己的wordpress网站的实际情况,以及根据自己的具体需求,来创建自己的动态模板的文件。也就是说,除了上面介绍绍的动态模板的必选项以外,其它的,我们就可以灵活发挥,不拘一格。

WP主题开发02:wordpress主题开发流程

任何企业,在生产产品时,都会有一个操作流程或生产流程。比如服装企业,他们会首先通过时装设计师设计出服装样式效果图片,然后,会叫工厂的打板人员根据设计图来打出一个样板,接着会放到工厂里,让服装工人根据板样来制作服装,制作好后,还会对服装进行熨烫、绞边等等操作。我们开发wordpress主题模板,同样也是需要有一个流程的,尤其是IT公司里团队开发时。流程的好处是:可以让不同特长的员工分工合作,达到最好的效率。

下面,我们一起来看看wordpress主题开发的流程有哪些吧。

第一步:美工设计wordpress主题模板的效果图。

在我们开发wordpress主题模板前,我们需要先知道,这个模板到底长得是一个什么样子,也就是说,我们的开发,要有一个目标,然后按着这个目标来进行一步一步地开发。当然,我们可以通过文本来描述网站的样子。但是最直观的,当然是网站的效果图了。

?通过效果图,我们就知道这个网站长成什么样子,头部是什么个样子,底部是个什么样子,中间主体又是个什么样子,这些都可以一目了然。在企业里,一般都会由美工去设计这个效果图。如果是个人的话,如果懂平面设计软件,也是可以轻松弄出来的。我们常用来设计的软件一般是photoshop。当然,也有其它的绘图软件。

第二步:对效果图进行切图操作。

wordpess主题的效果图设计好后,我们接下来就要对它进行切图的操作。其实,就我个人而言,在常规开发中,这个切图步骤是可有可无的。对于一个wordpress主题开发的高手来说,他们也许只需要看着效果图来开发就可以了。当然,对IT企业来说,切图还是有必要的,因为把效果图切成小图后,前端就可以直接把这些小图放到前端页面上展示,可以直观地让客户看到效果。切图软件的选择,我们可以选择photoshop来进行,photoshop就带有切刀工具。

第三步:根据效果图编写静态模板。

切完图后,我们就进入到第三个流程——编写静态模板。wordpress主题的静态模板编辑是一个必须的流程,这个过程是逃不掉的。这个流程中,我们会把切图切下来的小图片,通过HTML代码来进行组合布局,达到第一步中的效果图的效果。这样,我们就可以在浏览器中观看到它的网页版的效果了。静态模板虽然不是真正意义上的wordpress主题模板,但是,它已经让网站的轮廓可以通过浏览器就可以查看,这样,我们就可以把模板的静态展示,给客户观看,提出意见。然后不断完善,达到客户的需求。

第四步:把静态模板转换成wordpress动态模板。

这一步是正式把效果图演变成真正的wordpress主题模板。在我们做好了静态模板后,我们就可以根据它的布局,来使用wordpress程序所提供的函数来调用数据库中的数据,让前端的页面的数据不再是死数据——一成不变。我们的网站需要的是,只要后台发表了文章,后台的数据就要做出相应的变化,这就是动态网站优势。如:顶部导航菜单,我们就可以在后台进行设置,然后,在wordpress主题的动态模板中,通过 wp_nav_menu()函数来调用,就可以在前台页面的顶部展现。

第五步:安装动态模板到网站。

一般情况下,我们都会在本地电脑中,一边开发wordpress动态模板,一边对它进行测试。所以,在我们写完wordpress动态模板后,我们对它的测试工作也同时完成了。当然,你仍然可以在本地环境中对它进行多次的测试。

这时,我们可以直接在我们的服务器上的网站上来安装我们开发好的wordpress主题模板了。安装wordpress主题很简单,可以通过2种方式来安装:1、直接通过FTP软件把我们开发好的wordpresss主题模板文件上传到网站根目录下的/wp-content/themes/ 目录下;2、也可以先把wordpress主题模板的所有文件压缩成一个zip后缀的压缩文件,然后在wordpress网站后台的主题菜单中去上传安装。如果正确安装wordpress主题,可以参阅锐锋堂相关的文章,里面有详细的解说。

通过上面的介绍,我们了解到,我们在开发wordpress主题模板时,全经哪几个流程。只要我们按照这个流程来认真操作,就会有效减少出错的机率。就算出现错误,我们也可以在最短的时间内,找到是在哪个流程中出现了错误,对于企业来说,就很容易找到出错的当事人,就可以有针对性地进行修补,可见,开发流程还是非常重要的。