Como ocurre con la mayoría de los desarrollos de software, no es necesario empezar de cero para crear algo de valor para tus clientes o para ti mismo.
Esto es especialmente cierto para los temas de bloques de WordPress. El plugin Create Block Theme, disponible en el repositorio de plugins de WordPress, ofrece una forma sencilla de crear un nuevo tema de bloques — ya sea derivado de un tema activo o partiendo de un lienzo en blanco.
Este plugin utiliza la capacidad del Editor de Sitios de WordPress como herramienta de creación de temas, lo que lo convierte en un poderoso activo para los desarrolladores de temas. Sin embargo, debido a que puede realizar cambios permanentes en tu sitio, recomendamos encarecidamente utilizarlo en un entorno staging. Si eres usuario de Kinsta, configurar un entorno staging para tu sitio es rápido y sencillo.
Como era de esperar, este plugin sólo es compatible con temas de bloques y no funcionará con temas clásicos. En este artículo, exploramos las características del plugin Crear Tema de Bloque y explicamos cómo utilizarlo.
Cómo trabajar con el plugin Create Block Theme
El plugin Create Block Theme ofrece dos formas de acceder a sus funcionalidades, dependiendo de tus preferencias y flujo de trabajo:
Puedes acceder a la configuración del plugin a través de Apariencia > Crear Tema de Bloques en el panel de administración de WordPress.
Aquí encontrarás una lista de opciones, como guardar los cambios en el tema actual, crear temas nuevos o exportar temas. Aunque este método es sencillo, tiene una funcionalidad limitada en comparación con el Editor de Sitios.
Para obtener la mejor experiencia, recomendamos utilizar el plugin dentro del Editor de Sitios de WordPress. Seleccionando el icono de la llave inglesa en el Editor de Sitios, puedes desbloquear todas las funcionalidades del plugin directamente en un entorno de edición en tiempo real. Esta integración te permite previsualizar y personalizar tus cambios sin problemas.
Explorar las funcionalidades del plugin Create Block Theme
El plugin Create Block Theme ofrece un sólido conjunto de funcionalidades para ayudarte a crear, personalizar y exportar temas de bloques de forma eficaz. Veamos cada funcionalidad en detalle:
1. Guardar cambios en un tema
El concepto y la ejecución son bastante sencillos. En el Editor de Sitios, cambia tus estilos, plantillas y patrones al tema activo, y luego guarda tu trabajo.
El botón Guardar Cambios sirve para guardar lo que desees exportar, no los cambios que hayas hecho en el tema, que sólo pueden guardarse con el botón Guardar por defecto. Los cambios guardados siempre se pueden deshacer utilizando la herramienta de revisión de WordPress (sin necesidad del plugin).
Como se ha visto anteriormente, tienes ocho opciones a considerar si deseas exportar el tema:
- Guardar Fuentes
- Guardar Cambios de Plantilla
- Procesar Sólo Plantillas Modificadas
- Guardar Plantillas Sincronizadas
- Localizar Texto
- Localizar Imágenes
- Eliminar Referencias de Navegación
2. Crear una variación de tema
Aunque no resulte obvio a primera vista, esta opción te permite crear no sólo una variación de estilo, sino también una nueva paleta de colores y/o una composición tipográfica (una colección de fuentes que pueden aplicarse a texto, enlaces, encabezados, pies de foto y botones).
En el siguiente ejemplo, hemos creado el estilo «Mi Nueva Variación». Para ello, como mínimo, debes crear una nueva paleta de colores y un nuevo tipo de letra para asociarlos a la nueva variación de estilo. Ten en cuenta que aquí sólo verás la nueva variación (sin cambios en las paletas de colores y tipografías predeterminadas).
En el siguiente ejemplo, hemos creado una nueva paleta de colores con dos colores que se pueden aplicar a cualquier variación de estilo. La parte izquierda muestra la creación de dos colores personalizados para la nueva paleta de colores. La parte central muestra el proceso de guardado. La parte derecha confirma la nueva paleta de colores personalizada.
Por último, aquí hemos creado un nuevo tipo de composición. Se añade una nueva fuente, Roboto, y luego se asigna a los elementos de texto y encabezado (no se muestra).
La parte derecha indica las fuentes que se están utilizando para la nueva composición, la parte central muestra el proceso de guardado y la parte derecha confirma la nueva composición.
En resumen, puedes crear no sólo una variación de estilo completa, sino una paleta de colores y/o una composición tipográfica independientes, que puedes aplicar a tu tema de la forma que elijas
3. Crear un tema en blanco
Si quieres empezar con un tema limpio, agnóstico en cuanto a diseño, la opción Crear Tema en Blanco es el camino a seguir. Su propósito es similar al del tema Underscores, que fue muy popular entre los desarrolladores en los inicios de los temas de WordPress.
Crear un tema de bloques genera un tema base con una estructura mínima. Como es de esperar, un tema en blanco:
- Incluirá sólo una plantilla index.
- No tendrá variaciones de estilo.
- Cuenta con una única parte de plantilla de encabezado y pie de página.
- Contiene un archivo minimalista
theme.json. - Excluye el archivo
functions.php.
A diferencia de las opciones Crear Tema Nuevo o Crear Variaciones de Estilo, esto crea un tema completamente nuevo que será evidente visible una vez que accedas la página Apariencia.
4. Exportar tema como zip
Esta es una función muy útil del plugin, ya que es la forma más eficiente de migrar tu tema activo a un nuevo sitio. La función de exportación crea un archivo zip estándar del tema que puede utilizarse para otro sitio.
¿Cuál es la diferencia entre exportar un tema de esta forma y la función de exportación integrada en WordPress? Ninguna. Es sólo una forma muy cómoda de exportar el tema activo.
Si no estás familiarizado con el método incorporado para exportar un tema activo, selecciona la opción de los tres puntos en la esquina superior derecha y localiza la opción Exportar.
5. Crear un tema nuevo
Examinemos los dos enfoques que ofrece el plugin para crear un tema nuevo. Al igual que con el tema en blanco, los temas creados con esta opción también aparecerán en la página Apariencia > Temas y se convertirán automáticamente en el tema activo tras su creación.
Independientemente de la opción que elijas – Clonar un tema o Crear un tema hijo, tendrás las mismas opciones que en el caso del Tema en Blanco.
Clonar tema
Clonar un tema crea un duplicado de los cambios guardados en el tema activo. Una vez que decidas el nombre del tema clonado, también puedes establecer metadatos para el tema como se indica a continuación:
- Nombre del tema
- Descripción del tema
- URI del tema
- Autor
- URI del autor
- Versión mínima de WordPress
Crear tema hijo
Crear un tema hijo proporciona a los desarrolladores la forma adecuada de realizar cambios en un tema sin alterar su código.
Tus opciones de metadatos son las mismas que en la creación de un tema clon.
6. Editar los metadatos del tema
Puedes personalizar los metadatos de tu tema activo directamente a través del plugin. Los campos de metadatos que puedes actualizar incluyen:
- Nombre del Tema: El nombre que aparece en el gestor de temas de WordPress.
- Descripción del Tema: Una breve descripción de la finalidad o características de tu tema.
- URI del Tema: Una URL que apunta a la documentación o demo del tema.
- Autor: El nombre del creador del tema.
- Versión del Tema: El número de versión del tema.
- Versión Mínima de WordPress: La versión de WordPress más antigua compatible con el tema.
- Etiquetas del Tema: Palabras clave para categorizar y describir tu tema.
- Plugins Recomendados: Plugins de los que depende o que mejoran tu tema.
- Créditos de Fuentes: Reconocimiento de cualquier fuente utilizada en tu tema.
- Créditos de Imágenes: Reconocimiento de cualquier imagen utilizada en tu tema.
- Captura de Pantalla: La imagen de previsualización mostrada en el gestor de temas de WordPress.
Estos campos son esenciales para que tu tema sea profesional y esté listo para su distribución.
7. Ver theme.json
Si necesitas echar un vistazo rápido a tu archivo theme.json, el plugin proporciona una vista de sólo lectura del archivo theme.json de tu tema. Este archivo contiene los estilos y ajustes globales de tu tema, como colores, tipografía y configuraciones de diseño.
Revisar este archivo te permite verificar rápidamente las personalizaciones aplicadas a tu tema.
8. Ver estilos personalizados
En los temas de bloques hijo, el archivo theme.json incluye personalizaciones que no afectan al tema padre. Esto garantiza que el tema padre permanezca intacto mientras implementas cambios específicos en el tema hijo.
La interfaz para ver estos estilos personalizados es la misma que la utilizada para el archivo theme.json del tema padre.
9. Restablecer tema
Esta opción te permite restablecer los cambios realizados en tu tema, incluyendo estilos, plantillas y partes de plantillas, al estado en el que se encontraban cuando guardaste por última vez.
Para un enfoque más sólido, puedes utilizar la función de Revisiones de WordPress. Esta funcionalidad integrada proporciona un historial detallado de tus cambios, lo que te permite restaurar tu tema a un estado anterior con precisión.
Resumen
Si estás empezando a desarrollar un tema de bloques personalizado, el plugin Crear Tema de Bloques es una herramienta ideal. Aprovecha todas las capacidades de WordPress como herramienta de creación de temas, haciendo que tu tema sea más rápido.
A medida que trabajes con el plugin, recibirás alertas del navegador que te ayudarán a comprender los pasos que estás a punto de dar.
En esencia, este plugin permite una transferencia de datos de la base de datos al sistema de archivos. Cuando se realizan cambios en un tema, esos cambios se guardan en la base de datos. Este plugin extrae esos cambios de la base de datos y crea los archivos necesarios para un nuevo tema y/o para una exportación si es necesario.
Como este plugin está en desarrollo activo, puedes esperar mejoras, pero estate atento a posibles cambios de última hora. Cuando pruebes una funcionalidad concreta, utiliza siempre un entorno staging. En Kinsta, ofrecemos herramientas que facilitan el trabajo de los creadores y desarrolladores de temas con WordPress.
Prueba Kinsta hoy mismo y descubre cómo podemos ayudarte a crear increíbles temas para WordPress
Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.
