Blocks
Block components. No code. Just click and insert content.
Build without limits
The technology that powers much of the web has never been easier to learn. Blocks allow you to visually interact with any piece of content, with or without code—fueling rich layouts, interactive onboarding, and endless extensibility. As powerful for design as they are for development, but still intuitive enough for newcomers.
Paragraph
Heading
Media
Image
Video
Audio
Columns
File
WordPress’ secret power
Os blocos são a base visual do WordPress e podem ser usados para criar e gerenciar todas as partes do seu site. Eles're também mais fácil do que você pensa. Aprenda a editar um bloco e aprenda a usar todo o WordPress – sem ter que escrever código.
Complete creative control
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)
Create your own
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.
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.