Crea tu primera página

Este tutorial crea una sección introductoria que contiene un título, un texto breve y un botón. Está dirigido a editores que pueden crear o editar páginas de WordPress.

Prepara el contenido

Antes de abrir el builder, reúne:

• un título de página;
• un encabezado introductorio claro;
• uno o dos párrafos breves;
• la etiqueta del botón y la URL de destino.

1. Crea un borrador

1. Ve a Pages → Add New.
2. Introduce el título de la página de WordPress.
3. Abre Page Builder y elige Backend Editor.
4. Empieza con un lienzo vacío.
5. Guarda la página como borrador.

2. Crea la sección

1. Selecciona Add new element.
2. Añade una Row.
3. Conserva su única columna de ancho completo.
4. Selecciona Edit this row.
5. Añade relleno vertical en los ajustes de Spacing de la fila.
6. Guarda los ajustes de la fila.

La fila define la sección; su columna es el elemento principal válido para el contenido.

3. Añade el contenido

Usa Append to this column para cada componente:

1. Añade Title, introduce el encabezado introductorio y elige el nivel de encabezado semánticamente correcto.
2. Añade Text Block e introduce los párrafos preparados.
3. Añade Button, introduce una etiqueta orientada a la acción y establece su destino.

Guarda el diálogo de cada componente. Usa los niveles de encabezado para describir el esquema de la página, no para obtener un tamaño de fuente concreto.

4. Comprueba el lienzo

La sección debe leerse en este orden:

1. Title
2. Text Block
3. Button

Mueve un componente si el orden es distinto. No uses Text Blocks vacíos ni saltos de línea repetidos para separar los tres elementos.

5. Previsualiza la página

1. Actualiza el borrador.
2. Abre Preview.
3. Comprueba el encabezado, el texto y el botón en un área de visualización amplia.
4. Vuelve a comprobar por debajo de 992 px, por debajo de 768 px y por debajo de 544 px.
5. Sigue el botón y confirma su destino.
6. Vuelve al editor y corrige cualquier problema.

6. Publica y verifica

Selecciona Publish cuando la página esté lista y, a continuación, abre su URL pública en una ventana de navegación privada.

La tarea está completa cuando:

• el visitante previsto puede abrir la página;
• el orden del contenido sigue siendo lógico en una pantalla estrecha;
• el botón funciona;
• no queda ningún texto de relleno;
• la página funciona sin los controles del editor ni una sesión iniciada.

A continuación, aprende a crear secciones de varias columnas en Rows, columns, spacing, and responsive design.