Creación de temas de bloques de WordPress y edición completa

Si ha estado siguiendo los foros y las noticias de WordPress últimamente, ciertamente ha oído hablar de la edición de sitio completo (FSE), o al menos ha visto referencias a ella, como la creación de temas de bloque. Incluso si no sabe qué es, probablemente haya oído hablar de él y tal vez incluso se haya preguntado qué podría implicar para usted.

Ya sea que use WordPress con frecuencia o sea un desarrollador, hay excelentes noticias para usted. El verdadero truco es que no debes tenerle miedo y que todo saldrá bien para ti, facilitándote el proceso.

¿Sobre qué base afirmamos eso? Lo primero es lo primero. Primero comprendamos un poco acerca de la edición completa del sitio de WordPress antes de sumergirnos directamente en el aprendizaje de lo que cubrimos en el título.

¿La edición de sitio completo de WordPress (FSE) es…?

En esencia, la edición de sitio completo evita la idea de los bloques. Anteriormente, los bloques se podían usar para editar el área de contenido del sitio web. Cada sección de su sitio ahora se considerará un bloque cuando use la edición de sitio completo.

Los usuarios ahora pueden interactuar tanto con la página como con los elementos globales en una sola plataforma gracias a esta importante mejora. Además, ha agregado nuevos archivos de configuración de temas y herramientas de desarrollo.

Después de actualizar WordPress a la última versión, debe habilitar un tema FSE, como Twenty Twenty-Two. Después de eso, puede usar solo los bloques de Gutenberg para construir un sitio web completo.

¿Cómo puede ayudarlo FSE?

Crear y desarrollar un sitio web de WordPress ahora es más fácil que nunca, gracias a la edición completa del sitio. Los elementos globales y cualquier actualización de página se pueden realizar con el mismo editor.

Y los elementos globales, ¿qué son? Cuando se asignan, los elementos, contenedores y columnas globales se pueden usar en todo su sitio web.

Esta técnica innovadora le permite editar la página web o cualquier página específica, lo que ahorra tiempo. No necesita cambiar entre editores para averiguar qué está sucediendo porque puede verlos todos en tiempo real al editar. ¿El resultado? El diseño de su sitio web mejora a medida que opera simultáneamente en la página y en los niveles globales.

La versión de WordPress 6.0 no tiene FSE habilitado de forma predeterminada. Por lo tanto, para utilizar la capacidad de edición de todo el sitio mientras usa una edición de WordPress anterior a la 6.0, primero debe actualizar WordPress antes de activar un tema FSE. El tablero de tu sitio es donde manejas todo eso.

El entorno de WordPress está evolucionando una vez más

Este tipo de cambio en WordPress se ha producido en el periodo anterior. Todos conocíamos a Gutenberg hace unos tres años (es difícil de recordar debido al hecho de que uno, si no más, de estos últimos años desapareció abruptamente). Ahora puede referirse a él como el editor de bloques.

Sin embargo, cuando se incorporó inicialmente al núcleo de WordPress, se le dio el nombre en clave Gutenberg. El cambio es difícil. Por lo tanto, la mayoría de la gente reaccionó con algo de pánico. Bueno, casi todos. Gutenberg hoy, unos años más tarde, se percibe como razonablemente útil, frecuentemente agradable de usar y en continuo desarrollo. Debido a esto, estamos seguros de que este cambio será exitoso. Pero el cambio es más significativo que antes.

Cambio de enfoque: de usuarios a constructores

Cuando se introdujo por primera vez un editor de bloques de este tipo, los desarrolladores cambiaron la forma en que producían el material. Para aquellos que producían publicaciones de blog, no fue tan disruptivo como lo habría sido para aquellos que creaban sitios web y desarrollaban páginas web. El cambio a bloques fue ventajoso para los usuarios, y siguieron muchas capacidades interesantes, como la capacidad de definir un bloque de material y luego colocarlo dinámicamente en cualquier lugar (y en todas partes) en el sitio. Cualquiera y todos ahora pueden hacer esto sin usar ningún código.

Pero este cambio es un poco distinto. No es simplemente cómo modifica su sitio lo que ha cambiado con la edición completa del sitio. Tiene que ver con el marco fundamental de su sitio web. Aquí no solo se define el encabezado o el pie de página. Se refiere a los componentes de un tema. En otras palabras, FSE eventualmente beneficiará a los usuarios, pero por ahora, se siente más como un énfasis en mejorar las cosas para los constructores, tanto para los que crean páginas web como para los que crean temas.

Ya sea que estuviera usando creadores de páginas, es decir, completando el proyecto de lanzar un sitio con una plataforma fácil de usar entre los mejores creadores de sitios web de membresía o construyéndolos, muchos de ustedes se acostumbraron a esta fase de la vida. Sus páginas pueden diseñarse como desee. Pero luego, te das cuenta de los problemas de rendimiento. Google redujo su clasificación y declaró que su DOM era demasiado grande (sea lo que sea). Dado que todos somos conscientes de que el rendimiento es el rey, ahora es el momento perfecto para obtener más información sobre FSE y cómo puede alterar los sitios web que crea.

Entonces, ¿por qué es importante crear un tema de sitio completo?

Beaver Builder vino antes que Elementor, ¿recuerdas? Muchos de ustedes lo usaron solos o en las empresas en las que trabajaban para crear sitios web sustanciales para clientes comerciales. Sin embargo, requerían otro producto, Beaver Themer. De lo contrario, tenía que brindarles asistencia con un tema que admitiera encabezados y pies de página personalizados (y dinámicos) cuando necesitaban modificar el encabezado y el pie de página de las páginas web (o publicaciones).

Fue emocionante cuando temas como Blocksy, Kadence y Astra comenzaron a desarrollar esas características. Pero también condujo a cierto encierro. Y reconoce lo que sucede a continuación: después de que un cliente instala un complemento en su sitio web, descubre que no es compatible con el tema o el creador de páginas.

De repente, todo el mundo está señalando con el dedo. Las firmas temáticas afirman que no son ellas. Según los creadores de páginas, tampoco son ellos. ¿Adivina qué? Los nuevos jugadores en el juego, las empresas de alojamiento, afirman que no son ellos. En última instancia, se culpó a los constructores (contratistas y agencias) que inicialmente construyeron el sitio.

Lo mismo sucedió cuando los usuarios comenzaron a quejarse de la lentitud con la que se cargaban estas páginas, gracias al código que habían generado esos mismos creadores de páginas. Las agencias y los autónomos recibieron críticas.

Solución

Este cambio para bloquear temas, que admiten la personalización de todo el sitio, representa un cambio fundamental en la forma en que se crean los sitios web. Con este cambio, cada elemento en la página y en todo el sitio web es un bloque: contenido, menús, barras laterales, encabezados y pies de página. cada bloque Por lo tanto, los temas pueden ser más ligeros como resultado.

El tema aún tiene que completar algunas tareas, como unificar el estilo universal de los bloques en todo el sitio o corregir errores tipográficos. Los desarrolladores pueden configurarlo todo en el nuevo archivo themes.json. Pero no solo se utiliza para establecer parámetros. También es una forma de que un desarrollador altere la forma en que un cliente usa el editor.

Además, no hay muchos elementos de interfaz de usuario en los temas. Es fácil imaginar que la próxima iteración de lo que está acostumbrado, utilizando el generador personalizado, estará impulsada por el configurador JSON tal como está hoy.

En pocas palabras, esta es la futura generación de temas y los medios a través de los cuales eventualmente podrá limitar lo que los usuarios pueden lograr con estos nuevos temas.

¿Cómo darle un sentido lógico a todo?

Incluso si parece emocionante, la mayor dificultad es determinar cómo resolverán esto. Nadie quiere desarrollar un concepto novedoso que resulte ser bastante simple. Nadie quiere desarrollar un tema nuevo que irrite a los usuarios.

Quiere la comodidad de lo 'probado y verdadero con la fuerza de lo 'nuevo'. Y hay más preguntas que soluciones…

Está buscando un curso de desarrollador para integrar y construir temas de bloques

Imagínese tomar un curso que explicara todo lo que tenía que entender en detalle sobre la creación de temas de bloques y FSE. Nos referimos a los siguientes 14 artículos, entre otros:

• Obtenga información sobre la edición del sitio completo para ver cómo afecta el desarrollo del tema.
• Cree la plantilla de índice básica, luego emplee bloques para recuperar publicaciones de la base de datos.
• Sin codificar una sola línea, implemente una plantilla de inicio de blog completa.
• Se deben agregar encabezados y pies de página para el tema.
• Comprenda cómo la edición de sitio completo trata los menús de navegación.
• Aprenda a organizar previamente las preferencias del editor de bloques con el archivo theme.json.
• Descubra cómo utilizar los controles de patrones integrados para crear diseños versátiles.
• Usando theme.json, aplique la tipografía universal y los esquemas de color.
• Administre el relleno y los márgenes utilizando los controles de espaciado.
• Aprenda a configurar el editor de bloques para que su configuración esté en línea con el tema.
• Agregue selección de fuentes, degradados, paletas de colores y otras opciones de personalización.
• Para limitar hasta qué punto sus clientes pueden variar del diseño básico, aprenda a eliminar las opciones de personalización no deseadas de los bloques.
• Aprenda a emplear patrones para ayudarlo a usted y a sus clientes a crear páginas más rápidamente.
• Utilice elementos de plantilla para evitar el uso de componentes de bloque nuevamente en diferentes plantillas.

Esa es una lista impresionante de lecciones para aprender. Y la buena noticia es que no es una formación que se centre únicamente en impartir conocimientos. Se le anima a ensuciarse los dedos y las uñas en este entrenamiento. La práctica lo hace perfecto.

Y oye, no necesitas imaginarlo, lo cual es una noticia maravillosa. Se crea el programa. Está todo listo. Aunque no era el tema previsto de la publicación, lo divulgaremos de todos modos porque nos encontramos con él mientras recopilamos información para el artículo. Frank Klein, un desarrollador muy conocido y respetado por los profesionales de WordPress, creó el curso.

Entonces, muchachos, ¡buena suerte en la construcción de temas de bloques y haciendo FSE!