无论您是在构建第一个主题还是第十个,以下资源旨在帮助您简化这一过程。请记住,这里未提及的社区工具也多种多样,但仍可能有助于您的工作。

区块主题

区块主题是使用区块构建的一种 WordPress 主题类型。您可以在 区块主题部分 阅读更多关于这些主题的详细信息。

Create Block Theme 插件 

该插件由各种社区成员创建。此工具可根据您的需求创建独立的区块主题和子主题。以下是高层步骤:

  1. 安装并激活 Create Block Theme 插件。您还需要运行最新版本的 Gutenberg 插件。
  2. 使用自定义器和站点编辑器对您的网站设计进行修改。
  3. 使用站点编辑器编辑模板。对于某些内容,您可能需要稍后再次编辑模板文件。
  4. 在 WordPress 管理仪表板中,“外观”下将有一个名为“创建区块主题”的新页面。您可以在此处添加主题的详细信息。这些详细信息将在 style.css 文件中使用。
  5. 点击“创建区块主题”按钮。从那里,将下载一个包含您所有主题文件的 zip 文件。

Theme Generator

此工具由 Carolina Nymark 创建,它允许您创建三种不同类型的主题作为起点:

  • No Code:为非开发人员设计,他们希望从一个空白主题开始并直接在站点编辑器中构建。
  • Empty:供开发人员使用六个模板和带有空设置的 theme.json(供您完成)来制作自己的主题。
  • Basic:供开发人员探索,包含六个模板、两个模板部分、三个区块图案以及两个自定义区块样式,以及一些初始的 theme.json 设置。
  • Advanced:供开发人员探索,包含七个模板、五个模板部分、七个图案、各种区块样式和一个更强大的 theme.json。通常希望移除一些示例。

对比图表

工具子主题选项?模板创建?Theme.json 控件演示内容
Create Block Theme 插件是是否否
Theme Generator否是是是

经典主题

经典主题是使用 PHP 模板、functions.php 等构建的。您可以在 经典主题部分 阅读更多关于这些主题的详细信息。

The _s (Underscores) starter theme is a tool for initializing and creating a classic theme.

工具

WordPress 编码标准(用于 PHP_CodeSniffer)

该项目是 PHP_CodeSniffer 规则(嗅探器)的集合,这些规则用于验证为 WordPress 开发的代码,也可在开发主题和插件时使用。它们涵盖了编码风格以及根据官方 WordPress 编码标准 确定的关于互操作性、可翻译性和安全性的既定最佳实践。

用于 PHP_CodeSniffer 的 WordPress 编码标准

The WPThemeReview Standards for PHP_CodeSniffer are a collection of sniffs that aim to automate the code analysis part of the 主题审查流程 as much as possible using static code analysis.
The WPThemeReview Standards require the WordPress Coding Standards.

用于 PHP_CodeSniffer 的 WPThemeReview 标准

主题检查插件

The theme check plugin is an easy way to test your theme and make sure it's up to spec with the latest 主题审查 standards. With it, you can run all the same automated testing tools on your theme that WordPress.org uses for theme submissions. This allows you to resolve any issues that might come up before trying to submit your theme to the theme repository.

培训材料

简单网站设计与站点编辑:第一部分,第二部分,第三部分

区块主题解剖学

使用区块主题创建落地页

使用区块主题构建主页

在 WordPress theme.json 中使用 Schema

为区块主题创建基本子主题

请在 learn.wordpress.org 上查找更多主题课程。