🚀 快速入门指南：为WordPress开发自定义块

在这里，我们将探讨如何在WordPress中开发一个自定义块插件，特别是如何创建一个显示版权符号（©）和当前年份的“版权日期块”。这不仅是一个有趣的项目，也是每个网站页脚的完美补充。准备好了吗？让我们一起动手吧！

🛠️ 准备工作：搭建开发环境

首先，确保你的电脑上已经安装了Node.js和npm。如果你还不确定这些工具的安装情况，可以查看Node.js开发环境指南。

接下来，我们将使用@wordpress/create-block包和@wordpress/create-block-tutorial-template模板来搭建完整的“版权日期块”插件。通过以下命令在你选择的文件夹中执行：

npx @wordpress/create-block copyright-date-block --template @wordpress/create-block-tutorial-template

这里的slug（版权日期块）定义了插件的文件夹名称和内部块名称。然后，进入到插件目录并使用wp-env创建本地WordPress开发环境：

cd copyright-date-block && npm start

这将启动一个开发服务器，并监视块代码的更改，随时重建块。

🧩 基本用法：探索你的块

插件激活后，你可以开始探索这个块是如何工作的。在你的本地WordPress安装的插件页面激活“版权日期块”插件后，你就可以在编辑器中插入它。

如果你想查看块在实际操作中的表现，可以访问本地环境：

http://localhost:8888

通过使用用户名admin和密码password登录WordPress仪表板，打开编辑器，插入版权日期块，就像插入其他块一样。

🎥 观看操作演示

你可以通过短视频演示，快速了解上述步骤的实际操作过程。视频中展示了如何从头开始创建和激活自定义块，确保你不会在某个步骤上迷失方向。

📚 额外资源

如果你想深入了解更多内容，可以参考以下资源：

• 开始使用 create-block
• 开始使用 wp-scripts
• 开始使用 wp-env

🎉 总结

恭喜你！你已经成功创建并激活了一个简单的WordPress自定义块。通过这个过程，你不仅学会了如何搭建开发环境，还掌握了使用现代JavaScript（ESNext和JSX）进行WordPress块开发的基本知识。接下来，尽情发挥你的创造力，开发更多功能丰富的块吧！

希望这篇快速入门指南能够帮助你顺利开始WordPress块开发之旅！如果你有任何问题或者想要分享你的开发经验，欢迎在评论区留言。

参考文献

1. WordPress Block Editor Handbook: Quick Start Guide
2. Node.js Documentation: Node.js
3. npm Documentation: npm
4. GitHub: WordPress GitHub
5. WordPress Developer Resources: Developer.WordPress.org