Tutorial de Kadence: Creación de encabezados y pies de página completos con bloques de Kadence

Full Site Editing (o FSE para abreviar) es WordPress Un módulo funcional que permite personalizar la estructura de todo el sitio web en un editor visual. Ya no se limita a editar los artículos y el contenido de las páginas, sino que también permite ajustar cabeceras, pies de página y otras partes de la plantilla del sitio web. Con la ayuda del módulo Bloques KadenceEl editor FSE le permite crear una estructura de diseño más rica y construir un sitio WordPress coherente y flexible.

Introducción a la edición completa de sitios web

FSE ayuda a trasladar el diseño del sitio web de la edición de una sola página a la gestión global del diseño. Solo tienes que activar un tema compatible con FSE, como Twenty Twenty-Four, e ir a "Apariencia -> Editor"Uso de la función FSE.

Kadence No viene con un tema completo de FSE, pero Kadence Blocks sigue siendo muy práctico cuando se utiliza con FSE.

Una vez dentro del editor, toda la estructura del sitio puede personalizarse utilizando el formato de bloques. Cabeceras, pies de página, plantillas de artículos, páginas de archivo, etc. se manejan en un mismo entorno visual, con una estructura clara y ajustes flexibles.

El papel de las plantillas

Las plantillas son fundamentales para construir la estructura de un sitio web. Cada página, artículo o vista de archivo puede asignarse a una plantilla correspondiente. Las plantillas controlan la estructura de la página y el orden en que se muestra el contenido, por ejemplo, si se muestran cabeceras, pies de página, títulos y cuerpo del texto.

WordPress Las plantillas de la sección "Panel -> Apariencia -> EditorLas plantillas pueden verse y gestionarse en la sección "Ver y gestionar". Junto a cada plantilla hay un icono de tres puntos, haga clic en él y seleccione "Editar" para realizar cambios estructurales en la plantilla.

Los encabezados y pies de página de las plantillas suelen aparecer como "patrones", una unidad de diseño que puede reutilizarse en varias plantillas.

Patrones y diseños reutilizables

Los patrones (Patterns) son unidades de diseño que son una combinación de uno o más bloques que se pueden utilizar repetidamente en todo el sitio. Por ejemplopie de páginaEl patrón se puede guardar para pies de página, banners o bloques CTA.

Los patrones están disponibles en la sección "Apariencia -> Editor -> Modo" se crea y gestiona en el Seleccione un bloque y guárdelo haciendo clic en el botón Crear nuevo patrón de la barra de herramientas.

Los modos se clasifican en "sincronizados" y "asincronizados":

• Modo sincronizado cambia una vez, efecto en todo el sitio
• El modo no sincronizado no actualiza automáticamente las instancias en otras ubicaciones

Cuando añada un patrón, busque el nombre del patrón al añadir un bloque para insertarlo rápidamente.

Editar cabecera

La cabecera suele contener el nombre del sitio web, el logotipo, la navegación principal, la información de contacto, etc. Es la primera parte que ven los visitantes cuando entran en el sitio web.

• Busque el modo de cabecera en la plantilla y haga clic en él para ir a Editar

• En la pantalla aparecerá una sugerencia de sustitución, haga clic en "Utilizar". Kadence El botón "Encabezado avanzado" introduce automáticamente el bloque Encabezado avanzado.

• Añadir en cabecera avanzadamenú de navegaciónLogotipos, iconos,buscar algoElementos como columnas, con la posibilidad de ajustar el orden y el estilo de los bloques según sea necesario.

• Haga clic en Guardar cuando termine de editar y todas las páginas que utilicen este modo de cabecera aplicarán automáticamente las actualizaciones.

El bloque de cabecera avanzado admite diseño adaptable, fondos transparentes, efectos adhesivos y mucho más, lo que proporciona más flexibilidad de diseño a los sitios web.

Editar pie de página

El pie de página se encuentra en la parte inferior de la página y suele contener información sobre derechos de autor, enlaces, iconos de redes sociales y otros contenidos de apoyo.

• Abra la plantilla o seleccione la zona de pie de página directamente en el sitio para entrar en el editor
• hacer uso de Kadence El bloque Diseño de filas sustituye al contenido existente y sirve como estructura de diseño base para el pie de página.

• Añade un bloque de imagen avanzado para mostrar el logotipo en línea, un bloque de navegación avanzado para mostrar la navegación inferior y un bloque de texto avanzado para las descripciones de texto.

• Una vez editado, haga clic en Guardar y el pie de página se actualizará de forma coherente en todas las plantillas.

Cuando la estructura del pie de página es clara, contribuye a mejorar la integridad general y la usabilidad del sitio.

resúmenes

pasar (una factura o inspección, etc.) Bloques Kadence En combinación con Full Site Editing, puede crear de forma flexible encabezados y pies de página claramente estructurados. Con una sola edición, todas las plantillas que utilicen el modo correspondiente se sincronizarán y actualizarán automáticamente. Tanto si está creando un nuevo sitio como si está optimizando la estructura de uno existente, FSE le ofrece más posibilidades de diseño. Combinado con las funciones avanzadas de Kadence Blocks, es posible construir diseños de página visualmente más atractivos y funcionales.