區塊
區塊元件不需撰寫程式碼,僅需點擊便能插入內容。
建置網站,不再受限
掌握能實現大多數網站功能的技術,易如折枝。無論需不需要撰寫程式碼,區塊都能讓使用者透過視覺化的方式與任何類型的內容進行互動,例如建立多樣化的版面配置、互動式載入及不受限制的擴充性。區塊既適合用於設計,也適合用來開發,即使是初學者都可以透過直覺加以使用。
段落
標題
媒體
圖片
視訊
音訊
多重欄位
檔案
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.
查看區塊最新功能
The latest major WordPress version includes updates that can improve the blocks you use and enhance your overall site-building experience. Get more details about what features are available in the current release.
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.