在哪里创建古腾堡块

Where to create gutenberg block

这个 Gutenberg 更新看起来不错,但尝试遵循任何文档都会立即令人沮丧。

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

只是它没有说明将此代码放在哪里才能使其工作。

其他教程都是关于 "download our plugin and we'll create one for you" - 但我不想添加那么大的代码,因为我真正想要的是一个相当简单的静态代码块,我可以让用户删除成一个页​​面。

过去,我们只是在 functions.php 文件中注册一个短代码,然后就此结束。

谁能给我解释一下:

  1. 将此注册码放在哪里?
  2. 在哪里放置它引用的 JS 代码?
  3. 如果我以某种方式在对古腾堡的工作原理产生巨大误解的情况下解决这个问题?

谢谢

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

快速浏览一下您分享的 link,代码应该放在插件中,因为有对函数 plugins_url() 的调用。所以你需要先create a plugin。构建一个简单的插件并不难,但确实需要一些时间来习惯如何注册事物以及如何将所有内容粘合在一起(这就是为什么我说正确的答案需要一本书的几章: D).

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

有一个来自 WordPress 的 git 存储库,其中有一些 Gutenberg examples. I haven't looked to hard at them, but It might be a good idea to follow the code in there with the tutorial of how to build a plugin (and the WordPress code reference site opened too :D). If you are going to be developing things for WP, I recommend you to get Zeal or Dash 可以方便快捷地浏览文档。

编辑

我刚刚发现您可以使用 wp cli. Wordpress has a tutorial on how to use the wp scaffold block command here 创建脚手架。