Sección 2.2

Editor de Sitio (FSE) - Detalle

Al entrar en el Editor de Sitio lo primero que aparece es un panel lateral con varias opciones: Navegación, Estilos, Páginas, Plantillas y Patrones.
Este menú es la puerta de entrada para trabajar con los bloques y con la estructura de tu web.

Menú del editor del sitio

Siempre que hagas cambios en el editor de sitio acuérdate de Revisar y aplicar los cambios pulsando el botón que aparece debajo del menú: Revisar N cambios

Guardar

En Navegación puedes crear y gestionar los menús de tu web.
Estos menús se basan en bloques de navegación y son globales: si los cambias aquí, se actualizan en todas las plantillas que los usen.

Menú de Navegación

Puedes editar el estilo de la navegación pulsando en los tres puntos editar. Ahí podrás cambiar todas las propiedades del bloque o añadir y eliminar páginas al menú de navegación.

Editando el Menú de Navegación

Al añadir la página “Otra Página” quedaría así.

Menú de Navegación editado

Estilos

En la sección Estilos defines la identidad visual de todo el sitio: tipografías, colores, fondos y ajustes globales.
Los cambios que realices aquí afectan a todas las páginas y plantillas, manteniendo una apariencia coherente.

Los estilos varían según el tema que tengas activo.
Al cambiar de tema, es normal que veas distintas opciones o combinaciones de diseño.

Estilos generales disponibles

Algunos temas gratuitos ofrecen paletas de colores o tipografías que están reservadas para planes de pago.
Esto significa que puedes probar esas opciones en el editor, pero al intentar publicar el sitio te pedirá una suscripción.
Si trabajas con un tema gratuito, céntrate en las configuraciones que aparecen disponibles sin bloqueo.

Cambiar Color

Páginas

En Páginas encontrarás el listado de todas las páginas de tu sitio.

Páginas desde el FSE

Al abrir una, se activa el editor de bloques, idéntico al que entramos desde el escritorio de wordpress. donde puedes trabajar con los bloques más comunes:

Son los bloques esenciales de contenido y forman la base de cualquier diseño.


Plantillas

El apartado Plantillas te permite modificar la estructura que se aplica a distintos tipos de contenido (páginas, entradas, búsqueda, 404, etc.).
Aquí aparecen bloques globales como el título del sitio, el logotipo o la navegación.

Plantillas disponibles

Más adelante, en el 2.4 Patrones y plantillas, veremos en detalle cómo funcionan estas plantillas y cómo editarlas de forma práctica.


Patrones

Los Patrones son grupos de bloques ya diseñados que puedes reutilizar en tu web.
Algunos son simples combinaciones para secciones de contenido, pero lo más importante es que aquí también se gestionan las partes globales, como la cabecera y el pie de página.
Si cambias un patrón sincronizado de cabecera, el cambio se aplica en todas las páginas del sitio.

Patrones

En el siguiente bloque veremos con detalle cómo funcionan los patrones y cómo usarlos para personalizar cabeceras, pies de página y otras secciones.


Accede al Editor de Sitio y abre la sección Páginas.
Inserta un bloque de párrafo y un bloque de imagen en una página de prueba para familiarizarte con el editor.
Después, explora también los apartados de Plantillas y Patrones para ver qué opciones tienes disponibles en tu tema, aunque los trabajaremos con más detalle en el siguiente bloque.