从零开始制作 WordPress 主题其实不难,只要你从现在开始认真阅读这个教程,一步一步认真学习,你就会成为一个 WordPress 主题制作高手。至少你会修改现有主题。 ![]()
网络上已经有很多关于制作 WordPress 主题的教程,并且 WordPress 官方网站上也有指导文章。但是当你不懂这方面的术语的话,这些教程可能不一定会帮助你,甚至还会误导你,所以这个教程会真正从零开始教你如何创建 WordPress 主题。
创建 WordPress 主题所需的工具和准备
开始真正制作主题之前,你需要使用到下面这些工具:
- 为了测试方便和快速,你首先需要在本地安装 WordPress,至于如何在 Windows 系统上安装 WordPress,你可以参考这篇日志:在 WordPress 本地安装 WordPress。
- 如果由于某种原因不能在本地安装 WordPress,那么你也可以的服务器上安装一个测试版的 WordPress。这个时候你必须要有一个支持 WordPress 主机的服务器,一般我使用 LAMP 主机(Linux+Apache+MySQL+PHP)主机,Win+IIS 主机可能会有很多问题,调试也比较麻烦,而 LAMP 主机,从我个人使用经验来说,我推荐 (MT) Media Temple 主机。
- 代码编辑工具,如 NotePad++ 或者 Vim 都可以,主要是适合自己个人使用习惯。
- FTP 工具,用于上传主题到服务器上测试,这方面的工具很多,如 Filezilla,SmartFTP 等,如果你先安装软件麻烦(对啊,现在是云计算时代,谁还装软件),你也可以安装 Firefox 的 FTP 扩展,Fireftp,直接在 Firefox 中上传文件到服务器上。
- XHTML 验证器和 CSS 验证器。你将需要这些工具去验证你的主题是否符合 XHTML 和 CSS 标准,并且可以使用它查出奇正错误的地方。
这篇就介绍到这里,主要介绍了制作 WordPress 主题所需的工具和应该做哪些准备,下面就开始要了解和开始制作 WordPress 主题。
WordPress 主题教程
- WordPress 主题教程:从零开始制作 WordPress 主题
- WordPress 主题教程 #1:介绍
- WordPress 主题教程 #2:模板文件和模板
- WordPress 主题教程 #3:开始 Index.php
- WordPress 主题教程 #4a:Header 模板
- WordPress 主题教程 #4b:Header 模板 2
- WordPress 主题教程 #5:主循环
- WordPress 主题教程 #5b:日志内容
- WordPress 主题教程 #5c:日志元数据
- WordPress 主题教程 #5d:Else,日志 ID,链接标题
- WordPress 主题教程 #5e:日志导航链接
- WordPress 主题教程 #6:侧边栏
- WordPress 主题教程 #6b:页面链接列表
- WordPress 主题教程 #6c:存档和链接列表
- WordPress 主题教程 #6d:搜索框和日历
- WordPress 主题教程 #6e:窗体化侧边栏
- WordPress 主题教程 #7:尾部
- WordPress 主题教程 #8:验证 XHTML
- WordPress 主题教程 #9:Style.css 和 CSS 介绍
- WordPress 主题教程 #10:十六进制颜色代码和样式化链接
- WordPress 主题教程 #11:宽度和布局
- WordPress 主题教程 #12:日志样式化和其他杂项
- WordPress 主题教程 #13:样式化侧边栏
- WordPress 主题教程 #14:底部和拆分 Index
- WordPress 主题教程 #15:子模板文件
- WordPress 主题教程 #16:留言模板
- erdaoo 的 WP Theme 教程学习笔记
- WordPress 主题教程电子书下载
原文:link

kisa747 | 2009-12-15 23:55:14 | #
最近也开始学习主题,学习了
支持 反对
SATURN | 2009-12-17 10:22:05 | #
很好的教程,收藏了!
支持 反对
feng2002 | 2009-12-24 09:19:02 | #
课程链接里面少了第4个教程。
支持 反对
雷 | 2010-01-18 15:29:55 | #
学习了
支持 反对
Pink | 2010-03-18 23:51:48 | #
这个很值得收藏
支持 反对
ibrat | 2010-04-09 09:53:44 | #
我在学习的过程中遇到了一些问题
代码高亮插件不能用了(我就一个插件)
登录时出错
好像跟functions.php有关
支持 反对
ibrat | 2010-04-09 10:14:34 | #
Warning: Cannot modify header information – headers already sent by (output started at /home1/vhost/vh441092/www/wp-content/themes/ibrat/functions.php:1) in /home1/vhost/vh441092/www/wp-login.php on line 302
Warning: Cannot modify header information – headers already sent by (output started at /home1/vhost/vh441092/www/wp-content/themes/ibrat/functions.php:1) in /home1/vhost/vh441092/www/wp-login.php on line 314
支持1 反对
ibrat | 2010-04-09 12:45:44 | #
已经解决,functions.php 编码为utf-8 改成ANSI就可以了
支持 反对
ibrat | 2010-04-09 10:16:23 | #
使用自己的主题后
再切换到别的主题时也有错误
Warning: Cannot modify header information – headers already sent by (output started at /home1/vhost/vh441092/www/wp-content/themes/ibrat/functions.php:1) in /home1/vhost/vh441092/www/wp-includes/pluggable.php on line 868
但是当我再次点切换时就成功了
支持 反对
ibrat | 2010-04-14 20:56:32 | #
我自己的主题不支持代码高亮的插件
求助
支持 反对
小超 | 2010-05-03 08:39:11 | #
太棒了。。。博主能发一些具体模板制作或者修改的案例么?
支持 反对
Denis | 2010-05-03 11:27:28 | #
http://wpjam.com/
支持 反对
Jayuh | 2010-05-21 12:48:31 | #
Denis,你算是Jam的队长吗?
支持 反对
Denis | 2010-05-21 12:59:37 | #
可以这么说吧!
支持 反对
Denny | 2010-05-29 03:06:03 | #
哈哈 ,多一层
支持 反对
3man | 2010-07-28 16:24:45 | #
谢谢,很好。
可以在Dw下编辑?
支持 反对
沙拉酷儿 | 2010-08-25 09:53:04 | #
我做了个模板提示错误如:Fatal error: Call to undefined function have_post() in D:\wordpress\wp-content\themes\wp\index.php on line 4,我的php程序不太精通,想把别人的function.php文件怎么写啊,复制其他模板的不可以
支持 反对