Wordpress主题制作不完全指南

程序猿始终不够

新浪微博:weibo.com/ybchris

引言

    如果你有些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