WordPress Semanal

531 | Cómo crear tus propios temas de WordPress desde el editor


Listen Later

Escúchalo en:

En el episodio 531 de WordPress Semanal 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

      Plugin de la semana

      El plugin de la semana es 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
      • Newsletter de WordPress Semanal
      • La entrada 531 | Cómo crear tus propios temas de WordPress desde el editor es una artículo de Gonzalo Navarro.

        ...more
        View all episodesView all episodes
        Download on the App Store

        WordPress SemanalBy Gonzalo Navarro

        • 4.8
        • 4.8
        • 4.8
        • 4.8
        • 4.8

        4.8

        8 ratings


        More shows like WordPress Semanal

        View all
        Emilcar Daily by Emilcar

        Emilcar Daily

        24 Listeners

        Nadie Sabe Nada by SER Podcast

        Nadie Sabe Nada

        409 Listeners

        La escóbula de la brújula by Podium Podcast

        La escóbula de la brújula

        112 Listeners

        Radio Fitness Revolucionario by Marcos Vázquez

        Radio Fitness Revolucionario

        138 Listeners

        LO QUE TÚ DIGAS con Alex Fidalgo by Alex Fidalgo

        LO QUE TÚ DIGAS con Alex Fidalgo

        69 Listeners

        Podcast de Itnig: Historias de startups by itnig

        Podcast de Itnig: Historias de startups

        6 Listeners

        Inteligencia Artificial by Pocho Costa

        Inteligencia Artificial

        16 Listeners

        kaizen con Jaime Rodríguez de Santiago by Jaime Rodríguez de Santiago

        kaizen con Jaime Rodríguez de Santiago

        41 Listeners

        La Ruina by La Ruina

        La Ruina

        67 Listeners

        Freelandev - Vivir del desarrollo en WordPress by Nahuai Badiola y esther solà

        Freelandev - Vivir del desarrollo en WordPress

        0 Listeners

        Loop Infinito (by Xataka) by Webedia

        Loop Infinito (by Xataka)

        57 Listeners

        Tengo un Plan by Sergio Beguería y Juan Domínguez

        Tengo un Plan

        87 Listeners

        WordPress Pódcast (español) by WPpodcast Team

        WordPress Pódcast (español)

        1 Listeners

        monos estocásticos by Antonio Ortiz, Matías S. Zavia

        monos estocásticos

        3 Listeners

        Spicy4tuna by spicy4tuna

        Spicy4tuna

        14 Listeners