块主题的解剖

什么是块主题，它是什么？快速学习构成块主题的关键组成部分。

学习成果

1. 确定块主题的不同部分。
2. 说明块主题的每个部分。

理解问题

1. 什么是块主题？
2. 块主题的八个部分是什么？
3. 您可以用them.json做什么？
4. 模板和模板零件可用于块主题？

成绩单

欢迎使用块主题的解剖结构。如果您曾经想知道WordPress博客主题背后的代码是什么样子，或者想设计自己的块主题要分发，那么您就可以参加正确的研讨会。

在此简短视频结束时，您将能够识别块主题的不同部分并解释每个部分的作用。让我们开始吧。现在，什么是块主题？好吧，Block主题是一种新型WordPress主题，它允许用户在WordPress中进行全网站编辑的新颖体验无需代码。但是，对于主题开发人员来说，能够在代码内部本身内部赋予他们创建自己的主题和儿童主题的能力。因此，让我们探讨什么是块主题的解剖结构。今天，我们将探索WordPress块主题2022并进行分析。

如果您熟悉WordPress，您可能会注意到一些熟悉的文件，例如function.php，index.php，readme.txt，屏幕截图和样式.css。您可能注意到的最新文件是theme.json文件。那么所有这些如何工作？

First functions.php存在添加其他代码以利用WordPress API，这基本上是PHP。下一个index.php。这个曾经关键的文件实际上对新的块主题无济于事。目前，WordPress能够解释主题是必需的文件，尽管将来可能会发生变化。

接下来，您会注意到readme.txt。该文件存在于WordPress存储库中提供有关您主题的重要信息。这是您可能自己制作的主题的可选，但是如果您打算分发主题，则需要。

接下来，您会注意到屏幕截图点PNG。您是否曾经在www.kotonoha369.com上寻找主题？如果是这样，您已经看到了这些图像。这是在WordPress中显示的图像，作为主题可能外观的预览。现在，知道此图像是静态的，而不是动态的。因此，将其视为不变的照片而不是视频。它不会像主题那样更改更新；如果您做出重大更改，则必须再次拍摄主题照片。

最后，您可能熟悉style.css，但其功能已更改。在块主题中，此文件仅仅是为了让WordPress软件知道这组文件实际上是一个主题，也许还有一些评论来告诉其他开发人员有关此文件的更多信息。

进入块主题目录之前，我们将讨论的最后一个也是最令人兴奋的文件是一个叫做theme.json的文件。该文件允许您作为主题创建者创建可以为网站编辑器中的用户提供的选择。例如，在主题theme.json文件中，您可以确定用户可以使用哪些颜色，如果它们能够转动边界，开机和关闭等功能，等等。

最后，让我们看一下一些块主题目录。现在，您会注意到块主题中的一些目录。这些目录内部是HTML文件。第一个是模板。这些确定您的网站编辑器模板部分中存在哪些选项。现在，这替换了经典主题index.php和您的single.php文件。整个模板都构成了您网站上的任何视图。例如，您的博客文章可能显示​​出来的方式或静态页面的外观。您可以在这里看到HTML。在您的网站编辑器中可能看起来像这样。 But in the code it looks like this. The last directory specific to new block themes is parts. This directory houses the code for all your block themes reusable template parts that templates can pull from. The intention here is to make designing a consistent site a breeze in that a template part can be reused across multiple templates. So for example, any change I make to a header template, either in this code or in the site editor itself will be applied across my website within any templates that use that part.

我听到您想知道：“顶部的额外目录是什么：“资产”和“ Inc”？这些只是2022主题的额外文件。它们不是针对块主题的特定或要求的。你有它。这就是WordPress博客主题的解剖结构的凝结版本。