Edición completa del sitio de WordPress: la guía definitiva

Publicado: 2022-05-30

WordPress 5.9 ha sido lanzado con una nueva oportunidad para construir y personalizar sitios con bloques llamados edición completa del sitio de WordPress. Esta última versión no requiere ningún complemento de Gutenberg como antes. Además, FSE hace que la edición de sitios de WordPress sea muy fácil y amigable para principiantes.

Pero, no importa cuán fácil sea la edición completa del sitio, debe conocer el meollo de ese proceso. Por eso se escribe este blog. En este blog, conocerá qué es exactamente una edición completa del sitio , cuál es el beneficio de usarla y cómo funciona. Entonces, comencemos con el conocimiento básico de la edición completa del sitio WP...

ocultar contenido
1 ¿Qué significa la edición completa del sitio de WordPress?
2 ¿Cuáles son los beneficios de la edición completa del sitio WP?
3 ¿Cómo habilitar la edición completa del sitio de WordPress?
4 ¿Cómo funciona la edición completa del sitio WP?
4.1 Editor del sitio
4.2 Nueva apariencia de bloque personalizada con edición de estilo
4.3 Edición de encabezado y navegación
4.4 Patrones de bloques de WordPress FSE
5 ¿Cómo descargar la versión beta de WordPress?
6 Comience con la edición completa del sitio de WordPress

¿Qué significa la edición completa del sitio de WordPress?

La edición completa del sitio de WordPress se refiere a cambiar todo el sitio mediante el uso de bloques . Anteriormente, los bloques solo se usaban en el área de contenido o para las publicaciones y páginas. Pero ahora, se ha cambiado. La buena noticia es que estos bloques de WordPress 5.9 se pueden usar como tema de edición de sitio completo.

Esto significa que puede cambiar cada parte de su sitio web con los elementos globales y de página en una sola interfaz. WordPress FSE presentó por primera vez WordPress 5.8. En ese momento, todavía necesitaba usar el complemento Gutenberg para obtener acceso a algunas funciones completas de edición del sitio.

Pero con el lanzamiento de WordPress 5.9, se elimina la dependencia del complemento de Gutenberg. Solo tiene que instalar un nuevo tema de bloque de WordPress para aprovechar las funciones completas de edición de sitios de WordPress.

¿Se pregunta cuáles son las características y mejoras de WordPress 5.9? Si es así, entonces lea:

Características y mejoras de WordPress 5.9 .

¿Cuáles son los beneficios de la edición completa del sitio WP?

El nombre refleja la principal ventaja de editar y obtener una vista previa del sitio completo permaneciendo en el editor de temas. Esta nueva función de edición de WordPress aprovechará la experiencia de creación y edición de su sitio web . Además, puede usar bloques en cualquier parte de su sitio y cambiar el estilo de sus bloques después.

Además, puede usar diseños prefabricados para sus publicaciones, encabezados, pies de página y patrones de bloques. Además, guárdelos en su colección de plantillas. Otra ventaja útil de la edición completa del sitio de WP es que ahora, para editar el menú, el título, las páginas y los patrones de bloques, no necesita visitar cada página individualmente. Esto le ahorrará mucho tiempo al brindar oportunidades de edición sencillas para WordPress.

Debido a estos beneficios, la edición completa del sitio de WordPress se ha vuelto popular de la noche a la mañana. Ahora, para obtener acceso a esta edición completa del sitio, debe habilitar la opción de edición completa del sitio de WordPress. ¿No tienes idea de cómo habilitar WordPress FSE? Entonces echa un vistazo a la siguiente sección.

¿Cómo habilitar la edición completa del sitio de WordPress?

Para acostumbrarse a la nueva función de zumbido de WordPress, debe habilitar el tema de edición del sitio completo y el nombre de ese tema es el tema Veinte Veintidós . Este es un tema recientemente lanzado que surgió con WordPress 5.9. ¿Ansioso por saber más sobre este tema? Lea el blog " Cosas que debe saber sobre el tema de bloque de WordPress Twenty Twenty-Two ".

Ahora, para habilitar el tema de WordPress Twenty Twenty-Two, primero debe visitar su panel de administración . Luego ve a Apariencia >> Temas y activa el tema de WordPress Twenty Twenty-Two . Después de hacer esto, puede experimentar todas las funciones completas de edición del sitio.

Instale y active el tema de edición de sitio completo de WordPress Twenty Twenty-Two

¿Cómo funciona la edición completa del sitio WP?

Comenzará a obtener todas las ventajas de la edición completa del sitio WP después de instalar y activar el tema Twenty Twenty-Two. Su sección de apariencia del tablero de WordPress se cambiará después de habilitar el nuevo tema de edición de sitio completo. Obtendrá solo la opción Temas y Editor aquí.

¿Cómo funciona la edición completa del sitio de WordPress?

El menú, los widgets y el personalizador desaparecerán de su panel de administración. Porque todo esto cambiará al Editor desde donde puede agregar menús a través del bloque de Navegación y tendrá diferentes tipos de bloques en lugar de widgets. Ahora, ¿está emocionado acerca de cómo se verá la edición completa del sitio de WordPress? Repasemos cada función que ofrece WordPress FSE:

Redactor del sitio

Site Editor le permitirá editar y obtener una vista previa de todas las personalizaciones. Vaya al Editor de apariencia>> para visitar el Editor del sitio. Aquí obtendrá varias opciones como Editor del sitio, Estilos, Configuración y bloques. Primero, comencemos con la navegación del Editor del sitio.

Editor de edición de sitio completo de WordPress

Puede ir a la navegación del Editor del sitio haciendo clic en el icono de WordPress . Allí encontrará plantillas y partes de plantillas para su sitio que cambiarán el aspecto de su sitio. Ahora veamos qué tienen para ofrecer estas Plantillas y Partes de Plantilla.

Editor del sitio de WordPress fse

Después de hacer clic en Plantillas , aparecerá una nueva página donde encontrará diferentes tipos de plantillas , como Inicio, Portada, 404, Archivo, En blanco, Índice, Búsqueda, etc. También puede agregar plantillas para su sitio.

Plantillas preconstruidas de FSE

Ahora viene Template Parts, que te permitirá editar las plantillas de tu sitio de WordPress. Desde aquí puede elegir Encabezado (Oscuro, grande), Encabezado (Oscuro, pequeño), Encabezado y Pie de página. Su plantilla agregada se mostrará de manera diferente para cada parte de la plantilla. Además, puede agregar nuevos elementos de plantilla haciendo clic en el botón azul "Agregar nuevo" .

Editar plantillas con FSE

Nueva apariencia de bloque personalizada con edición de estilo

Personaliza bloques con ajustes de estilo

La edición completa del sitio de Gutenberg ofrece opciones de configuración de estilo para hacer que su sitio web sea más atractivo para sus visitantes. Después de ir a su Editor, verá un círculo blanco y negro junto a la opción de configuración. Haga clic en el círculo y se abrirá un toque de configuración de estilo desde donde puede cambiar la tipografía, el color y el diseño del bloque.

Sitio completo de WordPress que edita fuentes globales para texto y enlaces

Primero, debe seleccionar un bloque haciendo clic en el ícono más. Aquí se selecciona un bloque de párrafo para mostrar cómo puede cambiar la tipografía, el color y el diseño de un bloque.

Cambiar el error tipográfico con WP fse

Aquí encontrarás un campo Tipografía a través del cual puedes cambiar la tipografía de tu bloque de texto y enlaces. Además, esta configuración de estilo le permitirá cambiar la familia de fuentes, el tamaño, la altura de línea y la apariencia de su bloque de texto y enlaces.

Personalización de color de bloques con FSE

Ahora, haga clic en "Colores". Allí verás la opción de cambiar el color del fondo, del texto y de los enlaces . Para el fondo, el texto y los enlaces, puede elegir un color sólido o degradado. Incluso puede establecer un color sólido o degradado personalizado para el fondo, el texto y los enlaces.

Ajuste de diseño de los bloques con WordPress fse

Además, la configuración de estilo le permite cambiar el diseño de los bloques. Simplemente ingrese la dimensión para el relleno y el tamaño de su bloque se cambiará de acuerdo con eso.

Edición de encabezado y navegación

Agregar menú con FSE

En las versiones anteriores de WordPress, necesitaba agregar un menú desde la sección Apariencia del panel de administración. Pero ahora, se ha movido al Editor. Aquí encontrará el bloque de navegación para agregar menús . Todo lo que necesita hacer es hacer clic en la vista de lista negra y se abrirá una barra lateral desde donde debe presionar Bloque de navegación.

Cómo agregar menú en WordPress 5.9

También puede agregar un bloque haciendo clic en el signo más . Después de presionar el signo más, obtendrá una opción de búsqueda de bloques. Desde allí, debe buscar el bloque de navegación y agregarlo haciendo clic en él. Este bloque de navegación le permitirá agregar el logotipo del sitio y los íconos sociales al menú.

Patrones de bloque de WordPress FSE

Patrones de bloques de WordPress FSE

Los patrones de bloque de la edición completa del sitio de WordPress le permiten agregar múltiples patrones en una sola página y editarlos como su preferencia. Además, puede seleccionar cualquier patrón de la biblioteca de patrones del repositorio de WordPress, excepto elegir entre patrones de temas.

¡Buenas noticias! WordPress presentó otro lanzamiento importante con funciones y mejoras más potentes. Lea el siguiente blog para comprobarlos:

Un vistazo rápido a las características y mejoras de WordPress 6.0 .

¿Cómo descargar la versión beta de WordPress?

La forma más fácil de descargar la última versión beta de WordPress es descargando de wordpress.org . O bien, también puede descargar la versión beta instalando el complemento WordPress Beta Tester . Descargar la última versión de WordPress con el complemento Beta Tester es difícil y no apto para principiantes.

Entonces, vaya a los lanzamientos en wordpress.org y descargue la última versión beta desde allí.

Comience con la edición completa del sitio de WordPress

La edición completa del sitio WP puede parecer difícil en el primer intento. Pero, después de pasar por cada opción de edición del sitio, comprenderá que personalizar con bloques es más fácil que antes. Además, no necesita realizar ningún cambio a través de la codificación, lo que hace que la edición del sitio completo de WP también sea fácil de usar. Solo necesita instalar y activar el tema de edición de sitio completo Twenty Twenty-Two para obtener todas las oportunidades exclusivas de personalización de WordPress.

Si está evitando la última versión de WordPress debido a los problemas de compatibilidad de los complementos, este problema se puede resolver utilizando un complemento compatible como el complemento Elementor todo en uno de ElementsKit y ShopEngine, el generador de WooCommerce . Entonces, actualice la última versión de WordPress y comience a editar su sitio con bloques y personalice los bloques agregados en su sitio como desee.