Aprende Full Site Editing (FSE) en WordPress: Una guía sencilla sin código
Adiós al código: Guía rápida para entender el Full Site Editing (FSE) en WordPress
¿Te has sentido frustrado alguna vez porque querías cambiar el menú de tu web o el pie de página y no encontrabas dónde hacerlo? Antes, necesitabas saber código o pelearte con mil menús diferentes.
Hoy eso ha cambiado gracias al Full Site Editing (FSE) o "Edición del Sitio".
En este artículo, te explico de forma sencilla qué es y cómo usarlo para personalizar tu web al 100% sin tocar una sola línea de código.
¿Qué es el Full Site Editing?
Imagina que tu web es un gran puzzle de piezas de Lego. Antes, solo podías cambiar las piezas del centro (el contenido de tus artículos). Con el FSE, ahora puedes cambiar todas las piezas: la cabecera, el logo, el menú, el pie de página y las barras laterales, usando el mismo editor de bloques que ya conoces.
Paso 1: Lo primero es el Tema
Para usar el FSE, necesitas un "Tema de Bloques". Los temas antiguos no sirven aquí.
- Recomendación: Usa el tema oficial Twenty Twenty-Four (viene por defecto en WordPress) o busca temas con la etiqueta "Full Site Editing" en el repositorio.
Paso 2: Entrando a la "Sala de Máquinas"
Olvídate de ir a "Personalizar" o "Widgets". Ahora todo está en un solo lugar:
Ve a tu escritorio de WordPress.
Haz clic en Apariencia > Editor.
¡Bienvenido al Editor del Sitio!
Paso 3: Los 3 conceptos clave
No te asustes por la nueva interfaz. Solo necesitas entender tres cosas:
1. Navegación (El mapa)
Al entrar, verás un menú lateral. Aquí eliges qué quieres editar:
Plantillas: Son los diseños estructurales (ej: cómo se ve la página de "Inicio", cómo se ve un "Artículo individual" o la página de "Error 404").
Patrones (o Partes de plantilla): Son las piezas reutilizables, como tu Cabecera (Header) y tu Pie de página (Footer).
2. El Editor (El lienzo)
Si haces clic en la imagen de tu web a la derecha, entrarás al modo edición.
Funciona exactamente igual que cuando escribes un post.
Haz clic en el logo para cambiarlo.
Haz clic en el menú para añadir enlaces.
Usa el botón "+" para añadir bloques donde quieras.
3. Estilos Globales (La varita mágica)
¿Quieres cambiar la letra o el color de toda la web a la vez?
Dentro del editor, busca el icono de un ojo o un círculo mitad blanco/mitad negro en la esquina superior derecha.
Aquí puedes definir la tipografía y la paleta de colores de todo el sitio. Si cambias el color de fondo aquí, cambiará en todas las páginas automáticamente.
Paso 4: Cómo editar tu cabecera (Ejemplo práctico)
Vamos a hacer lo más común: cambiar el menú.
Ve a Apariencia > Editor > Patrones.
Busca y selecciona Cabecera (Header).
Haz clic en el lápiz para editar.
Selecciona el bloque de navegación.
Añade o quita enlaces como si estuvieras escribiendo una lista.
Dale a Guardar.
Resumen
El Full Site Editing te da el control total. Ya no dependes de las limitaciones que el creador del tema impuso.
¿Quieres el logo a la derecha? Arrástralo.
¿Quieres un pie de página con 4 columnas? Añade las columnas con bloques.
¡Anímate a probarlo en un entorno de pruebas y verás cómo WordPress se vuelve mucho más divertido y flexible!
Videos Recomendados
Escrito por
Joaquin Sáez
