區塊

區塊元件不需撰寫程式碼，僅需點擊便能插入內容。

建置網站，不再受限

掌握能實現大多數網站功能的技術，易如折枝。無論需不需要撰寫程式碼，區塊都能讓使用者透過視覺化的方式與任何類型的內容進行互動，例如建立多樣化的版面配置、互動式載入及不受限制的擴充性。區塊既適合用於設計，也適合用來開發，即使是初學者都可以透過直覺加以使用。

建立區塊

瀏覽區塊目錄

段落

標題

媒體

圖片

視訊

音訊

多重欄位

檔案

WordPress 的神奇魔力

Blocks are the visual foundation of WordPress, and can be used to create and manage every part of your site. They're also easier than you think. Learn how to edit a block and you learn how to use all of WordPress—without having to write code. For inspiration, check out what others have done with WordPress in the Showcase.

查看展示網站

完整的創意控制

The WordPress editor is the default way to insert, transform, style, and move your blocks around on a visual canvas thanks to a simple drag-and-drop interface.

即時試用區塊

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>;
    },
} );

Hello world (from the editor)

建立專屬區塊

If you can't find a block that suits your needs, create your own. Creating a block is as simple as building a React component. Use the @wordpress/create-block package to jumpstart your creation.

建立區塊

查看區塊最新功能

使用 WordPress 6.5 提升網站建置體驗。這個發佈版本包含管理字型的新方式，同時也為開發者提供令人激賞的全新功能 API，網站效能也獲得大幅提昇。

進一步了解 WordPress 6.5

Mural illustration features new to WordPress 6.5, including: the aspect ratio feature, the Interactivity API, and the new Fonts Library.

Only the beginning

While blocks are powerful on their own, they’re also part of something bigger and can be combined or deployed in various ways. As a unified and open syntax, they're easily understood by editors, browsers, and even AI. So whoever is editing will find it easy to make vibrant, personalized designs and experiences happen, fast.