Title: Bloques
Author: WordPress.org
Published: 1 de diciembre de 2025

---

# Bloques

Componentes de bloques. Sin código. Basta con hacer clic e insertar contenido.

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

## Crea sin límites

La tecnología que impulsa gran parte de la web nunca ha sido tan fácil de aprender.
Los bloques permiten interactuar visualmente con cualquier parte del contenido, 
con o sin código, lo que facilita la creación de diseños sofisticados, la integración
interactiva y una extensibilidad infinita. Tan potentes para el diseño como para
el desarrollo, pero a la vez lo suficientemente intuitivos para los recién llegados.

[Crear bloques](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Browse the block directory](https://wordpress.org/plugins/browse/block/)

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

Párrafo

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

Encabezado

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

Medios

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

Imagen

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

Vídeo

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

Audio

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

Columnas

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

Archivo

## WordPress’s secret power

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.

[Explora el escaparate](https://wordpress.org/showcase/)

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

## Completo control creativo

El editor de WordPress es la forma por defecto de insertar, transformar, dar estilo
y mover tus bloques en un lienzo visual gracias a una sencilla interfaz de arrastrar
y soltar.

[Prueba los bloques en directo](https://es-ec.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>;
        },
    } );
    ```

Hola mundo (desde el editor)

## Crea el tuyo propio

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.

[Crea un bloque](https://developer.wordpress.org/block-editor/getting-started/tutorial/)

## See what's new with blocks

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.

[Discover the latest WordPress release](https://wordpress.org/7.0)

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

## 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.

[Create custom blocks](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Design block patterns](https://es-ec.wordpress.org/patterns/?output_format=md)

[Build block themes](https://developer.wordpress.org/themes/block-themes/)

[Deploy blocks](https://developer.wordpress.org/block-editor/how-to-guides/platform/custom-block-editor/)