父子 WordPress 主题开发初学者指南

已发表: 2016-08-07

WordPress 不仅使在线发布内容变得简单易行，而且对开发人员也非常友好。

为 WordPress 创建主题非常简单易行。 在这个 WordPress 主题开发初学者指南中，您将了解 WordPress 父子主题。 有很多高级和免费的 WordPress 主题可用。

如果您不熟悉 WordPress 并且从未听说过它，那么 WordPress 是一个免费且开源的内容管理系统 (CMS) 或博客工具。 您可以使用 WordPress 构建 35+ 类型的网站。

要使用 WordPress 开始博客，您需要网络托管并让您的博客看起来很棒，您需要一个具有优雅设计和有用功能的 WordPress 主题。

要了解有关 WordPress 托管的更多信息，请阅读如何在 FancyThemes 选择最佳 WordPress 托管服务提供商。

使用自定义设计创建网站有两种常用方法。 购买功能强大、高度可定制且非常受欢迎的 WordPress 主题，或者自己为您的网站或博客创建一个独特的设计，并将您的设计转换为 WordPress 主题。

什么是 WordPress 主题？

根据 WordPress Codex

WordPress 主题是一组文件，它们一起工作以生成图形界面，并为博客提供底层统一设计。 这些文件称为模板文件。 主题修改网站的显示方式，而不修改底层软件。 WordPress 法典

有许多在线市场和商店可以购买优质和高度可定制的 WordPress 主题。 但是您可以从 WordPress 主题目录下载 1000 个免费主题。

简单来说，您可以说 WordPress 主题用于设计网站和博客，但请记住 WordPress 主题可以做的远不止这些。

WordPress 父主题和子主题

有两种方法可以创建 WordPress 主题。

  • 从头开始创建 WordPress 主题（困难且复杂，尤其是对于初学者）
  • 创建一个子主题（推荐和简单的方法）

推荐阅读：如何在 WordPress 中逐步创建子主题

对于初学者网页设计师和开发人员来说，从头开始创建 WordPress 主题可能非常困难和复杂。 每个主题开发人员都有自己从头开始创建 WordPress 主题的方法。

  • 一些开发人员首先创建设计，Adobe Photoshop 是非常流行的用于为网站创建设计的软件。
  • 在下一步中，主题开发人员会将他们的设计转换为 HTML 和 CSS。 它被称为 PSD 到 HTML 的转换。
  • 在第三步中，开发人员将 HTML 模板转换为 WordPress 主题。

将 HTML 模板转换为有效的 WordPress 主题可能是一个复杂而困难的过程。 一些开发人员使用他们自己的自定义构建 WordPress 主题框架来创建主题，一些使用入门 WordPress 主题。 Underscore、HTML5 Blank、Roots、bones 是少数免费的入门主题。

如果您不熟悉主题开发并且对 HTML 和 CSS 没有很好的理解，那么开始使用 WordPress 入门主题对您来说会很困难。

如果您是 WordPress 主题开发的新手，我会说不要使用这种方法来构建 WordPress 主题。 对于初学者来说，从头开始创建主题是非常困难和复杂的过程。

从头开始构建 WordPress 主题所需的知识

如果您想从头开始创建 WordPress 主题，那么您将必须学习以下语言。

  • 良好的 HTML 和 CSS 知识
  • PHP（基础知识，取决于您的主题开发功能）
  • JavaScript（可选）

儿童主题开发：是构建 WordPress 主题的第二种方法。 这是构建主题的更简单和容易的方法，作为初学者主题开发人员，您可以开始创建子主题。

构建 WordPress 子主题需要什么

  • 家长主题
  • 子主题目录（文件夹）
  • 子主题目录下的style.css、index.html和functions.php文件
  • HTML 和 CSS 技能

要创建子主题，只需要 HTML 和 CSS 的基本知识。 但是如果你想彻底改变一个设计并且想要改变很多东西，那么 HTML 和 CSS 的高级知识将非常有帮助。

您还可以使用前端开发框架来创建子主题。 例如，在写这篇文章的时候，我使用的是 216 儿童主题。 父 WordPress 主题是 26 岁。 如果您看过 WordPress 2016 主题的设计，那么您可以看到 2016 与本网站设计的区别。

您还可以使用 CSS 框架非常轻松地创建子主题，而无需学习高级 HTML、CSS 和 PHP。

Bootstrap 是一个免费的前端开发框架，可使用现成的 HTML、CSS 和 JavaScript 组件快速轻松地创建响应式网站。 如果您知道如何使用 HTML 和 CSS，那么您可以开始使用 Bootstrap 框架。

您还可以使用 Bootstrap 框架为 WordPress 构建父子主题。 我经常使用 Bootstrap 框架来创建 WordPress 主题。

学习 WordPress 主题开发的资源

如果您是初学者并且想知道如何从头开始创建自定义 WordPress 主题或如何创建 WordPress 子主题，那么有很多在线资源可以帮助您成为 WordPress 主题开发大师。

这里有一些学习WordPress主题开发的资源

官方 WordPress 主题开发文档有助于了解什么是 WordPress 主题、它们的作用以及如何开始，但从头开始创建主题可能很困难。 必须阅读以了解主题开发的基础知识。

官方 WordPress 儿童主题文档：儿童主题开发介绍以及为什么要使用 WordPress 儿童主题。

从静态 HTML 创建 WordPress 主题：发布您的主题：这是在 TutsPlus 网络上发布的分步系列，

制作完美的 WordPress 主题：简介：这是在 TutsPlus 网络上发布的另一个系列，由 Baris Unver 撰写。

优质 WordPress 主题开发人员的工具和习惯：这是Patrick Mwachugu在 TutsPlus 上发表的另一篇关于主题开发的好文章

自适应博客主题：开始主题开发：这是 Adi Purdila 为 TutsPlus 制作的视频系列。 这个视频系列是我强烈推荐的。 这个视频系列帮助我从头开始学习主题开发。

25 WordPress 主题开发教程入门：这是由 Rockable 主题发布的列表文章。 他们发布了一些很棒的在线资源列表来学习 WordPress 主题开发。

WordPress 主题开发选项指南 本文由 Rachell McCollin 为 SmashingMagazine 撰写，该博客是网页设计师和开发人员最受欢迎的博客之一。 本文不适合初学者，但在学习了一些基本的主题开发技能后会非常有帮助。

WordPress 主题开发工具要开始 WordPress 主题开发，您需要一些基本工具，ThemeShaper 列出了一些很棒的工具，可以帮助您开始 WordPress 主题开发。

最后的话

这些是学习 WordPress 主题开发的少量资源，还有许多其他在线资源、视频系列和教程。 但我相信，如果您遵循这些教程和系列，您将能够自己从头开始构建主题。

想说点什么在评论中分享你的观点。