WordPress Gutenberg专栏块

时间:2019-05-28 作者:Razvan Cuceu

如何从核心Gutenberg块复制“Columns”块?我需要在前端使用引导列网格,但我不知道如何复制“Columns”块。我在哪里可以找到它的源代码?

1 个回复
SO网友:WebElaine

所有WP 5。x核心块位于一个名为block-library.js. 然而,由于这些块都需要一个构建步骤,因此您将无法仅复制JS并开始进行编辑。您需要有节点。已安装js和NPM。

所以,要将这些都设置好:

转到Node JS website 和安装节点,该节点也将安装NPM。

从命令提示符(MacOS上的Terminal或Windows上的Git Bash,或您选择的任何其他提示符)转到要下载WP副本的目录,然后运行git clone https://github.com/WordPress/wordpress-develop

  • cd wordpress-develop 并运行git checkout 5.0 转到5.0分支(或者调整到您想从哪个分支开始工作,可能是5.2)。

    从同一目录运行npm install 将下载所有依赖项。

    您现在可以进入/wordpress-develop/node_modules/@wordpress/block-library/src/columns/column.js 查看Columns块的源。我个人发现,注册核心块的方式非常抽象,与注册自己的块的示例非常不同,因此从教程中学习并构建一个全新的块比从核心复制更容易。

  • 相关推荐