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/)

[Navega por el directorio de bloques](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)

Video

![](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

## El poder secreto de WordPress

Los bloques son la base visual de WordPress, y pueden utilizarse para crear y gestionar
cada parte de tu sitio. También son más fáciles de lo que crees. Aprende a editar
un bloque y aprenderás a utilizar todo WordPress, sin tener que escribir código.
Para inspirarte, echa un vistazo a lo que otros han hecho con WordPress en el Showcase.

[Explora el Showcase](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://cl.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

Si no encuentras un bloque que se adapte a tus necesidades, crea el tuyo propio.
Crear un bloque es tan sencillo como crear un componente React. Usa el  `@wordpress/
create-block` paquete para poner en marcha tu creación.

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

## Mira las novedades de los bloques

La última versión mayor de WordPress incluye actualizaciones que pueden mejorar 
los bloques que utilizas y mejorar tu experiencia general de creación de sitios.
Obtén más detalles sobre las funciones disponibles en la versión actual.

[Descubre la última versión de WordPress](https://cl.wordpress.org/7.0)

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

## Solo el comienzo

Aunque los bloques son potentes por sí solos, también forman parte de algo más grande
y pueden combinarse o desplegarse de diversas maneras. Al tratarse de una sintaxis
unificada y abierta, son fáciles de entender para editores, navegadores e incluso
IA. De este modo, a quien edite le resultará fácil crear rápidamente diseños y experiencias
vibrantes y personalizados.

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

[Diseñar patrones de bloques](https://cl.wordpress.org/patterns/?output_format=md)

[Construir temas de bloques](https://developer.wordpress.org/themes/block-themes/)

[Despliegue de bloques](https://developer.wordpress.org/block-editor/how-to-guides/platform/custom-block-editor/)