如何创建 WordPress 主题

最近心血来潮,想亲自动手做一个 WordPress 主题,幸好 Ian 同学也在他的博客上教人如何创建 WordPress 主题,于是我就跟着学了。

对于老外的作品,我觉得最好的学习方法是一边翻译一边学习,所以就准备翻译完 Ian 的 WordPress 主题创建系列,一共大概 12 篇文章。您如果有兴趣,欢迎一起学习;如果翻译得不好,欢迎批评指正。下面是第一篇文章:

原文:How To Create a WordPress Theme

原文作者:Ian Stewart

译文:如何创建 WordPress 主题

译文作者:Young

在接下来的十二天里,这个 WordPress 主题教程将会教您如何从零开始创建一个强大而新颖的 WordPress 主题。在教程里面,我会介绍每一个步骤(好的或者不好的)会产生什么结果以及我为什么要这样做而不那样做。

重要的是,我将会把一切关于 WordPress 主题开发的技术告诉您,完成这个系列估计需要 12 天(周末除外)。

最后您创建的 WordPress 主题将会有以下几点值得炫耀:

  • 必需的搜索引擎优化;
  • 包括 Google 支持的 Microformat 标记;(即包括 DIV、SPAN 和 CLASS 标签——精博注。)
  • 可以用来创建任何布局的有效且符合逻辑的语义标记结构;
  • 巧妙的 CSS 布局;
  • 活跃的 Body、Post 和 Commnet 的 Class 属性;
  • 留言和引用分开;
  • 当没有内容的时候,主次两个 Widget 都会消失。
  • 拥有您期待的其他所有经典功能。

对任一 WordPress 主题来讲,我想这几点都会给人留下深刻印象。

在这个教程结束后,您将几乎可以通过您掌握的代码做任何的事情。您甚至可以把完成的主题作为您的 WordPress 博客主题。我已经用来做了一个 Shape 主题,您可以下载来看看那些代码。

开始教程之前两个重要注意事项:

首先,根据我创建 WordPress 主题的经验,您开始的时候或者想通过复制粘贴的方法快点学会,如果是,尽管去做。不过要注意:如果您想真正地学会创建 WordPress 主题,需要自己动手输入代码。

最后,祝您好运!明天我们将建立 WordPress 的测试环境。

如何创建 WordPress 主题

这篇文章是 WordPress 主题系列的一部分,WordPress 主题系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手输入一些漂亮的代码。以下是教程内容目录:

  1. 介绍;
  2. WordPress 主题开发工具
  3. 创建一个 HTML 结构
  4. 模板和目录结构
  5. Header 模板
  6. Index 模板
  7. Single、Attachment 和 404 模板
  8. Comments 模板
  9. Search 和 Page 模板
  10. Archive、Author、Category 和 Tag 模板
  11. Sidebar 模板
  12. 如何创建 WordPress 主题 CSS 样式表

译者注:优秀博客 WPDesigner 在 2007 年的时候就曾经写过一个 WordPress 主题教程系列,这个系列后来被我爱水煮鱼翻译成了中文。不过 Ian 说,已经两年过去了,事情也有些变化了,那么究竟是什么变化呢?请继续关注如何创建 WordPress 主题系列。

原创文章,转载请注明:转载自精品博客

本文链接地址: 如何创建 WordPress 主题

相关博文:

  1. 如何创建 WordPress 主题 CSS 样式表
  2. 创建 WordPress 主题 HTML 结构
  3. WordPress 主题模板和目录结构
  4. WordPress 主题之侧边栏模板
  5. WordPress 主题开发工具

此文发表于 博客技术 以及标签 , , ; 收藏永久链接. 发表评论或者留下引用: 引用链接.

8 条评论

  1. 发表于 2009年06月26日 5:49 下午 | 永久链接

    期待中。

  2. 发表于 2009年08月7日 9:00 上午 | 永久链接

    不错,之前我爱水煮鱼也翻译并制作了一部WordPress主题创建的PDF,可以到http://fairyfish.net/2007/06/04/so-you-want-to-create-wordpress-themes-huh/围观。

  3. 发表于 2009年09月12日 2:19 下午 | 永久链接

    嗯,嗯。。。是见过

  4. 发表于 2009年09月16日 9:35 下午 | 永久链接

    我认同拿来主义o(∩_∩)o 哈哈

  5. marathonis
    发表于 2009年09月18日 10:27 下午 | 永久链接

    只有自己动手从头到尾做一个才算真正的会制作 WordPress 主题。

  6. 糸色望
    发表于 2009年11月18日 4:24 下午 | 永久链接

    从“Index 模板”那一章开始,每章都显示混乱看不了,博主能更新一下或发一份给我学习呢?不胜感激!

  7. Young
    发表于 2009年11月18日 8:46 下午 | 永久链接

    @糸色望 谢谢提醒,应该是插件的问题,我想想办法,另外,你可以直接看原文,毕竟主要都是些代码。

  8. Young
    发表于 2009年11月19日 11:58 上午 | 永久链接

    @糸色望 : 我已经把 WP-CodeBox 插件换成了 WP-Syntax 插件,乱码的问题已经解决了,如果还有问题,欢迎告知,再次感谢!!

3 个引用

  1. By XAMPP中Apache不能运行的解决方法。 | 路人吧 on 2009年07月14日 at 3:12 下午

    [...]   开始学习精博翻译的Ian Stewart的WP主题制作教程如何创建 WordPress 主题,英文原版点此。 [...]

  2. By 专属路人吧的主题! | 路人吧 on 2009年07月14日 at 9:32 下午

    [...]   加上最近在学习如何创建 WordPress 主题,于是早上专门整出了XAMMP来修改亲爱的Chrome。 [...]

  3. [...] 今天我们给大家介绍的,是精品博客翻译的一个 WordPres 主题开发教程的中文版。这套教程的名字叫做 How to Create a WordPress Theme ,中文为:如何创建 WordPress 主题。 [...]

发表评论

您的邮箱 永远 不会被公开。 带 * 的地方都是要填的。

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled