WordPress Semanal
Escúchalo en: [https://gonzalonavarro.es/wp-content/uploads/2018/10/podcast-spotify.png] [https://gonzalonavarro.es/wp-content/uploads/2018/10/podcast-itunes.png] [https://gonzalonavarro.es/wp-content/uploads/2018/10/podcast-ivoox.png] [https://gonzalonavarro.es/wp-content/uploads/2023/11/Youtube_logo.png] [https://gonzalonavarro.es/wp-content/uploads/2023/11/feed-icon-1.png] En el episodio 531 de WordPress Semanal [https://gonzalonavarro.es/podcast] te presento el plugin Create Block Theme: la herramienta oficial de WordPress para crear temas de bloques desde el propio editor. Sin tocar archivos, sin editar theme.json a mano, sin código. Si eres diseñador o freelance que trabaja con WordPress, esto te interesa. Tabla de contenidos 1. 1. El problema que resuelve Create Block Theme 2. 2. Diseña en el editor y guarda en el tema 3. 3. Variaciones de estilo a medida 4. 4. Tema hijo sin tocar archivos 5. 5. Clona un tema para otro cliente 6. 6. Exportar y llevártelo a cualquier sitio 7. 7. Tipografías sin CSS 8. 8. Tema en blanco desde cero 9. 9. Para quién es y para quién no 10. 10. Curso de Create Block Theme 11. Plugin de la semana 12. Contenidos recomendados 1. EL PROBLEMA QUE RESUELVE CREATE BLOCK THEME Hasta ahora, para crear un tema de bloques personalizado tenías que editar archivos, entender la estructura de carpetas de un tema y modificar theme.json a mano. O dependías de un desarrollador que lo hiciera por ti. Create Block Theme te permite hacer todo eso desde el editor de WordPress. Diseñas visualmente y el plugin convierte tus cambios en archivos de tema reales. Lo que ves en el editor pasa a ser parte del tema. 2. DISEÑA EN EL EDITOR Y GUARDA EN EL TEMA Cuando personalizas un tema de bloques desde el editor (colores, tipografías, espaciados, plantillas, cabeceras), esos cambios se guardan como preferencias del usuario. Si actualizas el tema, se pierden. Con Create Block Theme, le das a «Save Changes to Theme» y tus personalizaciones pasan a los archivos del tema. Se escriben en el theme.json, en las plantillas, en los assets. Eso cambia la forma de trabajar. Diseñas en el editor como siempre, pero cuando estás contento con el resultado, lo guardas como parte del tema. No como una personalización temporal. 3. VARIACIONES DE ESTILO A MEDIDA Un tema, varias caras. Creas una variación con paleta oscura, otra con paleta clara, otra para una campaña de temporada. El cliente las cambia desde el editor de estilos con un clic. El plugin te permite guardar tus cambios de colores y tipografías como una variación de estilo nueva. Le pones nombre y queda disponible en el panel de estilos del tema. Para freelances esto es oro: entregas un tema con tres o cuatro variaciones listas y el cliente tiene flexibilidad sin poder romper nada. 4. TEMA HIJO SIN TOCAR ARCHIVOS Partes del tema activo, haces tus cambios en el editor y generas un tema hijo con un clic. El plugin crea la estructura de carpetas, el style.css con la referencia al tema padre y el theme.json con tus personalizaciones. Cuando el tema padre se actualiza, tus cambios no se pierden. Y no has tenido que crear ni una carpeta a mano. 5. CLONA UN TEMA PARA OTRO CLIENTE Terminas un proyecto. Has ajustado colores, tipografías, plantillas, cabeceras, footers. Todo queda como quieres. Con Create Block Theme clonas ese tema. El resultado es un tema nuevo, independiente, con todo lo que tenía el original más tus cambios. Le cambias el nombre, los colores, el logo, y tienes un tema nuevo para el siguiente cliente. Tu propio starter theme que evoluciona con cada proyecto. Sin empezar de cero cada vez. 6. EXPORTAR Y LLEVÁRTELO A CUALQUIER SITIO El plugin exporta el tema como un archivo ZIP. Lo instalas en otro WordPress y todo funciona: plantillas, estilos, fuentes, imágenes usadas en las plantillas. Si trabajas con Local WP (o cualquier entorno local), el flujo es: diseñas en local, exportas el tema como ZIP y lo subes a producción. Limpio y sin sorpresas. También funciona al revés: diseñas en producción, exportas y te llevas una copia del tema para seguir trabajando en local o para tener un backup del diseño. 7. TIPOGRAFÍAS SIN CSS Añades Google Fonts o fuentes locales al tema desde el editor. El plugin las embebe en los archivos del tema: copia los archivos de fuente a la carpeta assets/fonts y añade las definiciones al theme.json. No necesitas escribir @font-face ni editar CSS. Seleccionas la fuente, eliges los pesos que necesitas y el plugin hace el resto. Las fuentes viajan con el tema cuando lo exportas. 8. TEMA EN BLANCO DESDE CERO Si no quieres partir de un tema existente, el plugin genera un tema vacío con la estructura correcta: carpetas, archivos básicos, theme.json limpio. Tu lienzo en blanco. Desde ahí construyes exactamente lo que necesitas. Sin contenido de demo que borrar, sin estilos heredados que sobreescribir. 9. PARA QUIÉN ES Y PARA QUIÉN NO Es para ti si: * Eres diseñador o freelance que trabaja con temas de bloques. * Quieres crear tus propios temas sin depender de un desarrollador. * Necesitas entregar temas personalizados a clientes. * Quieres un starter theme propio que reutilizar entre proyectos. * Trabajas en local y necesitas exportar/importar temas limpios. No es para ti si: * Tu web ya está en producción y no estás desarrollando. Este plugin es una herramienta de desarrollo. Los cambios que haces son permanentes y afectan a los archivos del tema. No es para usar en una web con tráfico real sin saber lo que haces. * Trabajas con Elementor, Divi u otro constructor visual. Create Block Theme es para temas de bloques nativos de WordPress. Son dos mundos diferentes. 10. CURSO DE CREATE BLOCK THEME He creado un curso donde te enseño paso a paso cómo usar este plugin para crear tu propio tema de bloques: desde la instalación hasta la exportación del tema final, pasando por variaciones de estilo, tipografías, plantillas y temas hijo. Todo práctico, en pantalla y sin rodeos. Mira el curso de Create Block Theme [https://gonzalonavarro.es/cursos/create-block-theme/] PLUGIN DE LA SEMANA El plugin de la semana es Theme Check [https://wordpress.org/plugins/theme-check/]. Ejecuta las mismas comprobaciones que WordPress.org usa para revisar los temas del directorio. Seleccionas tu tema, le das a comprobar y te dice si cumple los estándares: funciones obligatorias, errores de seguridad, buenas prácticas. Ideal para verificar un tema antes de entregarlo a un cliente. Gratuito y mantenido por el equipo de revisión de temas de WordPress. CONTENIDOS RECOMENDADOS * Vídeo de la Zona Código: Cómo verificar que un snippet de WordPress es seguro antes de usarlo [https://gonzalonavarro.es/codigos/477-verificar-snippet-wordpress-seguro-buenas-practicas/] * Newsletter de WordPress Semanal [https://gonzalonavarro.es/lista/] La entrada 531 | Cómo crear tus propios temas de WordPress desde el editor [https://gonzalonavarro.es/blog/531-como-crear-temas-de-bloques-wp/] es una artículo de Gonzalo Navarro [https://gonzalonavarro.es].
534 episodios
Comentarios
0Sé la primera persona en comentar
¡Regístrate ahora y únete a la comunidad de WordPress Semanal!