it-swarm.cn

如何从头开始创建新主题?

我是WordPress的新手。

我需要采取哪些步骤才能将我的新设计作为WordPress主题实现?

5
googletorp

Carrington (确实很棒)的“skinnable”主题框架的替代方案是集成你从头开始完成的设计。这就是我学习如何创建自定义WordPress主题的方法。注意:这是一种涉及大量实验的hacky方法。但如果你像我一样,并且当你用手玩耍时学得最好,这可能会教你很多。

顺便说一句,我假设您了解HTML,CSS和PHP。如果没有,那么需要掌握这些技术的知识才能从头开始构建新主题。 LAMP 的工作知识也很有帮助。

  1. 首先,在静态代码中构建您的设计:HTML和CSS。确保它是跨浏览器友好的,包括WordPress博客所有的元素(即评论,存档页面等)。此外,将所有CSS代码放入名为“style.css”的单个文件中,并确保所有外部文件引用(用于CSS,图像,JS等)使用相对URL,而不是绝对URL。

  2. 让WordPress在本地计算机上运行。这需要在桌面或笔记本电脑上安装Apache,PHP和MySQL。如果您使用的是Windows, WampServer 是一个不错的解决方案。如果您使用的是Mac, MAMP 也可以正常使用。然后安装WordPress。

  3. 打开WordPress安装包附带的默认主题的文件。它位于/ wp-content/themes/default /文件夹中。这个主题可能包含比您需要的文件更多的文件。作为替代方案,您也可以在/ wp-content/themes/classic /中使用经典主题开始,主题文件较少。 BTW:默认选择默认主题(duh),但如果你想从经典主题开始,请确保在WP admin中激活该主题,这样你就可以看到它的外观。

  4. 在浏览器中,保持WordPress Codex中的 主题开发 部分打开。你会经常需要它。在 模板文件列表 上,您将看到该列表如何映射到您在默认(或经典)主题中看到的文件。有些主题文件是必需的,有些则不是。

  5. 根据您的人的类型,您现在可以开始使用主题文件,看看哪些有用,哪些有效,等等。您甚至可以开始将自己设计的部分移动到此主题中。或者,您可以仔细阅读主题开发说明(关于 的信息循环 特别重要),然后回来并查看文件。

当我开始这样做时,很多东西都会破裂。如果发生这种情况,请不要担心,这就是您在自己的本地计算机上而不是在公共网站上执行此操作的原因。破坏是学习乐趣的一部分。

最终,您将能够将HTML和CSS的各个部分缓慢移动到默认或经典主题中,然后将其全部运行。那是你从n00b毕业到学徒的时候。

之后,你将能够移动PHP代码(这些是WordPress' 模板标签 )的部分默认或经典主题,以及HTML。那时候你将毕业于一名熟练工。

(我认为一个高级熟练工可以轻松编写自己的小部件,插件和主题。还有一个大师,那时候,你正在回馈WordPress核心。我绝对不是那个。)

我希望这有帮助。

11
Mike Lee

您可以使用“入门”主题,例如 Starkers ,它为构建您自己的主题提供了基础。功能很少,所以你必须自己做一些工作。

另一种选择是使用主题框架,其中包含许多常见的基本功能,您可以使用它们。选项包括 CarringtonGenesis

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

此外,对于主题开发的资源,您可能希望查看此问题的 答案

3
Grant Palin

您可以从头开始创建自己的主题,也可以使用现有的主题框架,如Thematic( http://themeshaper.com/thematic/ )并围绕它们开发主题。如果你想从头开始整个主题 http://codex.wordpress.org/Theme_Development 和其他资源,如Wordpress Codex可能会证明是非常有用的。 http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/ 也是一个非常棒的Wordpress初学者的主题创作教程。

0
User

我始终以 WPBasis 作为入门主题,并根据客户的要求编写插件和主题 - 这些都是

0
bueltge