区块
区块组件。无需代码。只需点击并插入内容。
![](https://cdn.statically.io/img/wordpress.org/files/2024/05/blocks-feature-1.png)
无限创建
WordPress 的技术为网络提供了强大的动力,而且从未像现在这样简单易学。无论有没有代码,区块都能让您与任何内容进行可视化交互,从而实现丰富的布局、交互式上架和无尽的可扩展性。对于设计和开发来说,它们同样强大,但对于新手来说,它们仍然足够直观。
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-paragraph.png)
段落
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-heading.png)
标题
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-media-text.png)
媒体
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-image.png)
图片
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-video.png)
视频
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-audio.png)
音频
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-columns.png)
栏目
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-file.png)
文件
WordPress 的神秘力量
区块是 WordPress 的视觉基础,可用于创建和管理网站的每个部分。它们比你想象的还要简单。学会了如何编辑区块,你就学会了如何使用 WordPress 的所有功能,而无需编写代码。要获得灵感,请查看展示区中其他人使用 WordPress 所做的工作。
![](https://cdn.statically.io/img/wordpress.org/files/2024/05/patterns-collage.jpg)
完���的创作控制
WordPress 编辑器是在可视化画布上插入、转换、样式和移动区块的默认方式,这要归功于一个简单的拖放界面。
registerBlockType( 'your-first-block/hello-world', {
edit: function () {
return <p>Hello world (from the editor)</p>;
},
save: function () {
return <p>Hello world (from the frontend)</p>;
},
} );
世界你好(从编辑器)
自行创建
如果找不到适合自己的区块,可以创建自己的区块。创建一个区块就像构建一个 React 组件一样简单。使用 @wordpress/create-block
包来启动您的创建。
了解区块的新功能
使用 WordPress 6.5 提升您的建站体验。该版本包括管理字体的新方法、为开发人员提供的令人兴奋的新基础 API 以及令人印象深刻的性能提升。
![壁画插图说明 WordPress 6.5 的新功能,包括:宽高比功能、交互(Interactivity)API 和新字体库。](https://cdn.statically.io/img/wordpress.org/files/2024/04/feature-whatsnew.png)