在哪里创建古腾堡块

时间:2019-03-20 02:43:07

标签: wordpress wordpress-gutenberg gutenberg-blocks

此古腾堡(Gutenberg)更新看起来不错,但尝试遵循任何文档都令人沮丧。

我从very simple looking tutorial开始,这是Google的第一个结果。它的代码看起来对我在这里要做的事情有意义。大。

除了它没有说明在何处放置此代码以使其起作用。

其他教程都是关于“下载我们的插件,我们将为您创建一个插件”-但是,当我真正要查找的是一个相当简单的静态块时,我不想添加大量代码我可以让用户放入页面的代码。

回到过去,我们只是在functions.php文件中注册一个简短代码,然后将其命名为一天。

有人可以向我解释:

  1. 该注册码放在哪里?
  2. 该参考代码放在哪里?
  3. 如果我正以某种方式误解了古腾堡的工作原理,

谢谢

1 个答案:

答案 0 :(得分:1)

要真正正确地解决此问题,需要一本书的几个章节……但这是非常简洁的答案。

快速浏览您共享的链接,应将代码放在插件中,因为有对函数plugins_url()的调用。因此,您需要先create a plugin。构建一个简单的插件并不难,但是要花些时间来适应如何注册事物以及如何将所有事物粘合在一起(这就是为什么我说一个正确的答案将占用一本书的几个章节的原因: D)。

有了插件后,代码应位于插件内(或插件包含的任何PHP文件中),而JS文件应位于名为step-01的文件夹中的插件目录内

WordPress提供了一个git repo,其中包含一些Gutenberg examples。我没有认真研究过它们,但是最好遵循其中的代码以及如何构建插件的教程(并且WordPress代码参考站点也已打开:D)。如果您要为WP开发东西,建议您使用ZealDash,以便能够轻松快速地浏览文档。

编辑

我刚刚发现您可以使用wp cli创建支架。 WordPress上有一个有关如何使用wp scaffold block命令here的教程。