Guía de configuración de estilos y CSS de temas de bloques de WordPress | trucos CSS

En el discurso sobre el estado del mundo de 2015, cocreador de WordPress matt mullenweg famosamente dirigió a la comunidad de WordPress a"Aprender JavaScript profundamente".. Estableció esta expectativa desde el principio porque quería que todos supieran que JavaScript será esencial para el futuro de WordPress, que se está abriendo camino hacia la edición completa del sitio con una experiencia de edición basada en React llamada Block Editor.

Eso fue hace años, y hay un esfuerzo concertado para cambiar el desarrollo de temas de WordPress de las plantillas "clásicas" basadas en PHP a un modelo más modular basado en componentes centrado en "bloques" para construir diseños de páginas y publicaciones.

Ahora que empezamos a ver nuevos temas de WordPress basados ​​en bloques entramos en el directorio de temas, muchos de nosotros que hemos estado desarrollando temas de WordPress durante años usando plantillas de PHP "clásicas", nos encontramos en algún punto intermedio entre los temas "clásicos" y "de bloque". Jeff amplió este sentimiento en otra publicación, pero la opinión general es que trabajar en WordPress es muy diferente que antes.

¿Por dónde empiezas con un proyecto de tema de bloque de WordPress? Ese es el propósito de esta guía. Podríamos entrar en el meollo de la cuestión de trabajar con React, pero ya hay una buena guía para eso aquí en CSS-Tricks, así como tutoriales sobre cómo trabajar con bloques.

En cambio, Esta guía se centra en los temas de bloques y cómo configurarlos. Piense en esto como una extensión de mi artículo anterior sobre la gestión de estilos en los temas de bloque de WordPress. En él vimos cómo definir estilos CSS en theme.json archivo: la base de todos los temas de bloque de WordPress, como cómo style.css se utiliza en temas clásicos. Profundizaremos en esta serie dando theme.json Una introducción adecuada y documentación de cómo se usa para administrar la apariencia de un sitio de WordPress que admite todas las funciones de edición del sitio.

Tal como está, encontrar los recursos y la documentación adecuada para definir y administrar estilos en los temas de bloques de WordPress es una tarea en sí misma. A menos que te mantengas al día con el Problemas de GitHub, Lanzamientos de complementos de Gutenbergy Hacer el núcleo de WordPresspuede sentirse perdido en este nuevo panorama de WordPress. El manual de WordPress tampoco lo salvará a usted, porque está constantemente varios pasos por detrás del vertiginoso ritmo de desarrollo.

Entonces, juntemos todo y aprendamos a administrar estilos en temas de bloques de WordPress.