使用WP Block Builder脚本构建静态或动态块

谷歌seo

今天,JeffreyCarandang发布了WPBlockBuilder,一个npm脚本,供开发人员开始构建WordPress块。它只是块状脚手架工具中的许多此类脚本之一,但是Carandang可能只是经验和影响力超过其他脚本。到目前为止,开发人员已下载了超过500次他的自定义设置。

希望在幕后偷看的开发人员也可以查看GitHub上的项目。

如果没有在WordPress区块空间中碰到Carandang的一些工作,几乎不可能进入WordPress的构建基块。他启动了ShareABlock社区去年底他通过尝试一些想法来为其他开发人员铺平了道路。编辑器套件。他与他人共同创立了CoBlocks,GoDaddy于2019年收购。而且,这仅仅是冰山—是的,他也参与其中。

现在,他决定在一个越来越拥挤的领域启动一个构建块的脚本。核心WordPress有自己的脚本。WebDevStudios最近推出了一个定制叉子其中,还有其他一些人在WordPress生态系统中徘徊,每个人在启动区块构建过程方面的做法都略有不同。但是,当WordPress领域的专家之一发布自己的关于建立开发人员的想法时,至少值得研究一下。

“我最初为自己创建了此工具,因为在创建Gutenberg块插件时我一直重复类似的过程,”Carandang说。“然后,在构建它时,我认为如果将其发布给公众会对其他人有所帮助,因为只需最少的配置,集中精力于构建基块就会更容易。根据我的经验,设置webpack配置会花费一些时间,有时会令人沮丧。”

Carandang在积木方面拥有丰富的经验,因此我相信他添加了所有有助于加快开发过程的小附加功能。

与许多类似的脚本不同,WPBlockBuilder默认提供两个示例块。一种是处理此类脚本常见的典型静态内容。但是,第二个是动态的服务器端块。这使开发人员可以构建具有两种运行要求的两种不同的块类型。其他脚本也倾向于将重点放在启动单一块插件上,这对于将其发布到WordPress块目录中是很典型的。如果需要,WPBlockBuilder提供了启动具有多个块的插件的路径。

Carandang说:“我的目标是使首次使用区块的开发人员可以轻松创建一个区块,但是我还为高级用户创建了一个示例动态区块。”“这将为试验和熟悉街区的每个部分提供一个很好的游乐场。”

Carandang希望开发人员能够直接涉足构建基块。他希望在不妨碍技术的情况下将一些乐趣带回试验中,这通常意味着仅仅花费几个小时就可以将构建工具安装到位。

他说:“我正迎合我刚开始创建WordPress主题时的那种感觉。”“那些时候我更改代码以了解它们的工作方式,并且足够自信,如果我结束了将其弄乱的话,我可以重新安装它。”

Carandang表示他尚未收到任何报告的问题,因此发布日正在顺利进行。他很期待看到基于他的设置的开发者在将来构建什么模块。

他说:“其目的是要足够通用,以帮助开发人员立即开始创建块插件。”“我仍在等待一些反馈,以帮助改善流程,但到目前为止看来还不错。”

设置块插件WPBlockBuilder中的动态块代码。

WPBlockBuilder是核心WordPressCreateBlock脚本的分支。它包括一些额外的npm软件包,但是在通过Composer安装多个PHP软件包方面也很繁重。这些主要是为了确保开发人员遵循编码标准。

设置很简单。开发人员只需要运行npxwp-block-builder命令即可启动该过程。运行该命令后,WPBlockBuilder会带给开发人员一系列问题,这些问题设置了以下字段:

  • 命名空间
  • 区块标题
  • 描述
  • 作者姓名
  • 插件许可证
  • 版本号

安装后,该插件将有两个模块可供实验。第一块是带有文本和背景颜色设置的基本容器。它还支持广泛和完全对齐。它的工作方式类似于核心WordPressGroup块。与标准段落模块相比,我更喜欢此起点。

第二个块是动态帖子列表。它提供了足够的复杂性,以了解动态块如何工作,同时使用大多数WordPress开发人员都足以理解的概念:查询和遍历帖子。该块具有用于更改帖子数量的单个自定义选项。

使这两个模块可用的目标是使插件开发人员首先进入代码。打破事情。实验。学习代码。

从长远来看,Carandang希望该过程对开发人员来说会更好。他说:“我与古腾堡团队的GrzegorzZiółkowski和FabianKägy保持联系,”他们正在创造一种更好的方法,以直接使用@wordpress/create-block支持外部npm软件包。这对于BlockBuilder和Gutenberg都是有帮助的,并且将有助于改善Gutenberg插件开发生态系统。”

像这样:

喜欢加载中……

资源

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/168613.html

(0)

相关推荐