首页 » WordPress » WordPress 主题教程:从零开始制作 WordPress 主题

WordPress 主题教程:从零开始制作 WordPress 主题

从零开始制作 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 主题。

原文:link

标签:

分享到:

111 条评论 添加你的评论 →

  • ibrat 2010-04-09 09:53:44 #

    我在学习的过程中遇到了一些问题
    代码高亮插件不能用了(我就一个插件)
    登录时出错
    好像跟functions.php有关

    支持3 反对

    • 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就可以了

        支持 反对1

    • 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

      但是当我再次点切换时就成功了

      支持1 反对

  • ibrat 2010-04-14 20:56:32 #

    我自己的主题不支持代码高亮的插件
    求助

    支持 反对1

  • 小超 2010-05-03 08:39:11 #

    太棒了。。。博主能发一些具体模板制作或者修改的案例么?

    支持 反对

  • 3man 2010-07-28 16:24:45 #

    谢谢,很好。
    可以在Dw下编辑?

    支持1 反对

  • 沙拉酷儿 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文件怎么写啊,复制其他模板的不可以

    支持1 反对3

  • 延帝 2011-01-23 12:45:56 #

    我有个问题,我想做一套主题。我是这样想的管理员的文章放在左边的区域,而非管理员的放在右边的区域。我试着用$user_info->user_level == ’10′控制可是不成功,不知道这个应该用什么函数。希望好心的博主指点

    支持3 反对3

  • wangqi6043 2011-01-31 14:22:51 #
    :cool: 希望你们作的更好 虽然不用注册都可以看教程不过既然您花费那么长时间去写教程我们为何不用一点点的时间 注册呢 希望您能出一些新的教程

    支持 反对

  • ghphper 2011-02-05 20:50:56 #

    看完了,作为一个几乎零基础的lamper,收益很多,多谢楼主。 :mrgreen:

    支持 反对

  • linyibin 2011-03-25 09:57:18 #

    学习了

    支持 反对

  • doodlebug 2011-04-03 16:03:42 #

    不错,支持!

    支持 反对

  • 不知道叫啥名儿啊 2011-04-14 15:10:58 #

    学习了

    支持 反对

  • 周富弢 2011-04-30 23:13:31 #

    正想做wordpress主题,这个教程真好。

    支持 反对

  • yuanshuai 2011-05-29 05:20:30 #

    很好很强大。 :wink:

    支持 反对

  • 神龍ONE 2011-05-29 13:12:24 #

    应该录个 视频版的 听起来比较清楚

    支持 反对

  • yuanshuai 2011-05-30 04:47:13 #

    请问水煮鱼老大。这个教程是引用的wordpress哪个版本作为素材的?!因为这样方便我们学习。毕竟我们通常下载的是最新版本和教程中的素材不太一样。 :roll:

    支持 反对

  • Garcia 2011-06-01 14:40:18 #

    水煮鱼先生,真乃绝世之高人也.希望继续倾蘘相授,解众人的愚钝

    支持1 反对

  • Garcia 2011-06-01 14:41:55 #

    再讲讲怎样将WP从本地传到服务器上就好了

    支持 反对

  • yufan 2011-09-11 08:20:20 #

    收藏了哦,准备自己写主题哦~!吼吼~!

    支持 反对

  • brucemyt 2011-09-11 16:54:58 #

    强烈建议把英语原文的链接wpdesigner.com放到最上面并且以大字体的形式突出!一直以为是你的原创,现在才注意到是翻译别人的东西。 :evil: :evil:

    支持 反对1

  • ephefei 2011-11-24 10:45:15 #

    学习了,谢谢!

    支持 反对

  • 新媒体实验室主任 2012-01-03 12:54:58 #

    这个可是我学wordpress的启蒙教材啊!多谢 :eek:

    支持 反对

发表评论

你必须 登陆 之后才能留言。你可以使用以下方式快速登陆我爱水煮鱼:

使用新浪微博登陆 使用腾讯微博登陆 使用豆瓣登陆

你也可选择直接在本站 注册