Title: 区块
Author: WordPress.org
Published: 2025 年 12 月 1 日

---

# 区块

区块组件。无需代码。只需点击并插入内容。

![](https://wordpress.org/files/2024/05/blocks-feature-1.png)

## 无限创建

WordPress 的技术为网络提供了强大的动力，而且从未像现在这样简单易学。无论有没有代码，
区块都能让您与任何内容进行可视化交互，从而实现丰富的布局、交互式上架和无尽的可扩展
性。对于设计和开发来说，它们同样强大，但对于新手来说，它们仍然足够直观。

[创建区块](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[浏览区块目录](https://cn.wordpress.org/plugins/browse/block/)

![](https://wordpress.org/files/2023/08/block-paragraph.png)

段落

![](https://wordpress.org/files/2023/08/block-heading.png)

标题

![](https://wordpress.org/files/2023/08/block-media-text.png)

媒体

![](https://wordpress.org/files/2023/08/block-image.png)

图片

![](https://wordpress.org/files/2023/08/block-video.png)

视频

![](https://wordpress.org/files/2023/08/block-audio.png)

音频

![](https://wordpress.org/files/2023/08/block-columns.png)

栏目

![](https://wordpress.org/files/2023/08/block-file.png)

文件

## WordPress 的秘密力量

区块是 WordPress 的视觉基础，可用于创建和管理网站的每个部分。它们比你想象的还要简单。
学会了如何编辑区块，你就学会了如何使用 WordPress 的所有功能，而无需编写代码。要获得
灵感，请查看展示区中其他人使用 WordPress 所做的工作。

[探索陈列窗](https://wordpress.org/showcase/)

![](https://wordpress.org/files/2024/05/patterns-collage.jpg)

## 完全的创作控制

WordPress 编辑器是在可视化画布上插入、转换、样式和移动区块的默认方式，这要归功于
一个简单的拖放界面。

[试用区块](https://cn.wordpress.org/gutenberg?output_format=md)

    ```wp-container-content-0733e5d0
    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` 包来启动您的创建。

[创建区块](https://developer.wordpress.org/block-editor/getting-started/tutorial/)

## 查看区块的新功能

最新的 WordPress 主要版本包含的更新可以改进您使用的区块，并提升您的整体网站构建体验。
了解更多关于当前版本中可用功能的详细信息。

[了解最新 WordPress 版本](https://wordpress.org/6.9)

![](https://wordpress.org/files/2024/07/6-6-whats-new-i1.png)

## 只是开始

虽然区块本身功能强大，但它们也是更大事物的一部分，可以以各种方式进行组合或部署。
作为一种统一、开放的语法，它们很容易被编辑器、浏览器甚至人工智能所理解。因此，无论
谁在编辑时，都会发现很容易快速实现生动的个性化设计和体验。

[创建自定义区块](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[设计区块样板](https://cn.wordpress.org/patterns/?output_format=md)

[构建区块主题](https://developer.wordpress.org/themes/block-themes/)

[部署区块](https://developer.wordpress.org/block-editor/how-to-guides/platform/custom-block-editor/)