如何从头开始创建一个新主题？

Question

我是WordPress的新手。

我需要做哪些步骤，以使我的新设计作为WordPress主题实现？

Answer 1

替代“浅”主题框架的替代方案 卡灵顿 （确实很棒）是整合您从头开始完成的设计。这就是我学习如何创建自定义WordPress主题的方式。注意：这是一种涉及大量实验的黑客方法。但是，如果您像我一样，并且在您的双手玩耍时学习得最好，那么这可能会教您很多。

顺便说一句，我想您知道HTML，CSS和PHP。如果没有，则需要对这些技术进行工作知识才能从头开始构建新主题。工作知识 灯 也很有帮助。

1. 首先，用静态代码构建设计：HTML和CSS。确保它是跨浏览器友好的，并包含WordPress博客所需的所有元素（即评论，档案页等）。另外，将所有CSS代码放入名为“ style.css”的单个文件中，并确保所有外部文件引用（用于CSS，图像，JS等）使用相对URL，而不是绝对的URL。

2. 让WordPress在本地计算机上运行。这将需要在台式机或笔记本电脑上安装Apache，PHP和MySQL。如果您正在使用Windows，则 Wampserver 是一个不错的解决方案。如果您正在使用Mac， 妈妈 效果也很好。然后安装WordPress。

3. 打开WordPress安装程序包随附的默认主题的文件。它在/wp-content/themes/default/文件夹中。该主题可能具有比您需要更多的文件。作为替代方案，您还可以从/wp-content/themes/classic/classic/classic/classic文件的经典主题开始。顺便说一句：默认主题是默认情况下（duh）选择的，但是如果您想从经典主题开始，请确保在WP Admin中激活该主题，以便您可以看到它的外观。

4. 在您的浏览器中，保持 主题开发 从WordPress法典打开的部分。您将经常需要它。在 模板文件列表, ，您将看到该列表如何映射到默认主题（或经典）主题中看到的文件。需要一些主题文件，有些则不需要。

5. 根据您的种类，您现在可以开始浏览主题文件，看看有效的是什么，断裂等。您甚至可以开始将自己的设计部分移动到该主题中。或者，您可以仔细阅读主题开发说明（有关的信息 循环 尤其重要），然后回来并用文件混乱。

当我开始这样做时，很多东西会破裂。不用担心是否会发生这种情况，这就是为什么您在自己的本地机器而不是在公共网站上进行此操作的原因。破裂是学习乐趣的一部分。

最终，您将能够慢慢将HTML和CSS的部分移至默认主题或经典主题中，然后将其全部运行。那是您将从N00B毕业到学徒的时候。

之后，您将能够移动PHP代码（WordPress' 模板标签）默认或经典主题，进入您的HTML。那是您毕业的旅行者的时候。

（我认为一个高级旅行者可以轻松地编写自己的小部件，插件和主题。大师，好吧，那时，您要回到WordPress Core。我绝对不是这样。）

我希望这有帮助。

Answer 2

您可以使用“首发”主题，例如 斯塔克斯, ，这为建立自己的主题提供了基础。功能最小，因此您必须自己做一些工作。

另一个选项是使用一个主题框架，该框架包含许多常见的基本功能，您可以简单地使用它们。选项包括 卡灵顿 和 创世纪.

我建议从Starkers开始，这将迫使您了解WordPress标签和功能。然后，您可以使用框架来加快以后的工作。

另外，对于主题开发的资源，您可能想查看 这个问题的答案.

Answer 3

您可以从头开始启动自己的主题，也可以使用现有的主题框架（例如主题）（ http://themeshaper.com/thematic/ ）并围绕他们发展主题。如果您想从头开始开发整个主题 http://codex.wordpress.org/theme_development 其他资源（例如WordPress codex）可能会非常有用。 http://www.wpdesigner.com/2007/02/19/so-you-want-to-coreate-wordpress-themes-huh// 也是针对初学者的非常出色的WordPress主题创建教程。

Answer 4

我总是从 wpbasis 作为初学者主题，并为客户的要求编写插件和主题 -