WordPress主题制作不完全指南

开源软件 Jenner 9522℃ 0评论

引言

    如果你有些HTML经验或者有些套后台的经历,那么wordpress的主题模板开发方式绝对会令你耳目一新。刚刚接触wordpress的时候,我不禁怨恨其没有使用强大的模板引擎,造成了前台的混乱。在后来的学习中,我逐渐感受到了wordpress的强大,虽然它的很多优点我还不是很清楚,但我所接触到的东西已经能让我确定这是一个强大的后台。

    WordPress主题模板究竟复杂在哪里呢?打个比方,如果你是PHPer,那么在你学会模板引擎之前,你的逻辑代码一定是嵌套在静态界面里面的。Wordpress就是如此。当然,我们不能说开发它的大师不懂模板引擎。并非如此,相信wordpress的开发者一定是看到了模板引擎不适用于wordpress的地方,我能猜到的原因有两个:一个是效率问题,wordpress相对来说速度较慢,我只是凭个人感觉,觉得wordpress运行的时间会相对较长,当然,有待考证;另一个原因就是,模板引擎有可能会成为其强大的可扩展行插件的障碍。

    刚才已经说过,wordpress将复杂的逻辑代码潜入到了前台界面中,并采用了模块化的方式分装了HTML代码,以便代码重用和统一修改。这就造成了wordpress主题模板相对于其他模板更难制作的原因。Wordpress界面中的几乎所有内容信息均是从后台动态输出,并且大部分是函数调用直接输出。这样前台界面就形成了出现很多函数调用的情况。或许刚刚开始的时候,看到这些函数,你会觉得头大。但当你慢慢看下去,理解其结构、工作原理之后,wordpress主题模板就会变得不是那么复杂了。

    好了废话不多说了,开始我忙呢的wordpress教程。

注意

    该文档主要提供wordpress主题模板制作的基本流程和原理,具体细节要学员自己上网搜索解决。

 

手动创建主题模板

WordPress手动创建模板的方式十分简单,只需在themes文件加下创建一个主题文件夹,并包含如下文件:index.php、style.css、functions.php。如果需要一张缩略图的话,可以再添加一张名为screenshot.png。图片尺寸请自己查询。

wordpress主题模板结构

WordPress的大部分界面,都是由4个子模块组成。Header部分主要存放页面的头部信息。Sidebar部分主要存放文章导航信息和小工具部件。Footer主要存放页面的版权信息。Index模块主要存放网页内容信息。每个模块存放的信息并不是确定的。例如,你可以将导航信息放到header模块,将友情链接模块放到footer模块。只要是合理的调整都是允许的。

模板内存在大量函数调用,每个函数具体含义要读者自行了解。

制作header.php要注意的问题:

a)       如果你要采用有下拉式的菜单列表,那么要通过函数调用读取导航信息。

b)       Wp_head()函数必须在</head>处调用。

c)       注意文件链接,推荐使用如下方式:src=”<?phpecho get_template_directory_uri();?>/js/html5.js”

get_template_directory_uri()函数输出当前主题路径

sidebar的制作相对比较复杂,因为它涉及到了小工具的使用。这里推荐一篇文章,供读者阅读。Wordperss佈景製作教學系列(四):WordPress佈景sidebar.php製作。原文地址:http://wpnote.tw/wordperss%E4%BD%88%E6%99%AF%E8%A3%BD%E4%BD%9C%E6%95%99%E5%AD%B8%E7%B3%BB%E5%88%97%E5%9B%9B%EF%BC%9Awordpress%E4%BD%88%E6%99%AFsidebar-php%E8%A3%BD%E4%BD%9C/

 

制作sidebar需要注意的问题:

制作sidebar并不像表面看到的那么简单(将对应的函数调用复制到相应位置),因为模板需要支持小工具功能,即后台外观选项中的小工具功能,管理员可以通过拖动的方式向sidebar中添加小部件。具体实现方法,本人推荐一篇文章供读者阅读http://wpnote.tw/wordperss%E4%BD%88%E6%99%AF%E8%A3%BD%E4%BD%9C%E6%95%99%E5%AD%B8%E7%B3%BB%E5%88%97%E5%9B%9B%EF%BC%9Awordpress%E4%BD%88%E6%99%AFsidebar-php%E8%A3%BD%E4%BD%9C/

 

制作footer.php的注意事项:

Wp_footer()必须在</body>之前,且仅在其之前。

 

 

 

其他注意事项:

模板制作好后,可能前台界面显示没有问题,但后台模板的某些功能却没有实现,例如小工具功能,前面已经说过如何让模板支持小工具。

还有其他功能模块的支持方法,本人将资料上传到CSDN资料库,以下是下载地址。

http://download.csdn.net/detail/huyanping/4443947

 本文允许转载,转载请保留源地址:http://huyanping.sinaapp.com/?p=61

原创文章,转载请注明: 转载自始终不够

本文链接地址: WordPress主题制作不完全指南

转载请注明:始终不够 » WordPress主题制作不完全指南

喜欢 (0)