Descubre cómo crear un tema de WordPress desde cero y sin programar con ayuda de una herramienta de código abierto y gratuita.

En el mercado existe una extensa cantidad de Plantillas gratuitas y otras pagas que puedes elegir para tu sitio web WordPress. Pero, es cierto que en ocasiones puedes desear algo más personalizado que la plantilla no resuelve de forma predeterminada.

La limitante más importante para esto es que se requiere dominar diversos lenguajes como PHP, CSS y HTML. Pero, existe una opción con la que puedes crear tus propias plantillas o temas sin conocer nada de programación, lo descubrirás a continuación.

Qué es Themes Generator

 

 

Themes Generator es un constructor visual de temas adaptativos para WordPress que puedes emplear no solo para crear los tuyos, sino para venderlos a terceros.  Es de código abierto y, aunque es de pago, también ofrece una cuenta gratuita con amplias capacidades.

Te permite comenzar a trabajar un tema personalizado bajo una plantilla específica o completamente de cero, agregando bloques preconstruidos con solo arrastrar y soltar.

   

Cuenta con un canal de Youtube, así como documentación y foros que te ayudarán a reducir la brecha de aprendizaje. Puedes crear una configuración particular para cada dispositivo.

 

Cómo Registrarte en Themes Generator para WordPress?

Para registrarte de forma gratuita solo es necesario presionar un clic en el botón Join free o Unirse gratis que se encuentra en la región superior derecha de la pantalla.

 

 

Esto te llevará a una sección inferior de la página en la que se encuentra el botón Registrarse. Presiona un clic allí.

 

 

A continuación, será necesario proveer algunos datos, crear una contraseña y aceptar los términos y condiciones para acceder a la plataforma.

 

 

Una vez que incluyas los datos y aceptes los términos, presiona un clic en Crear una cuenta. La plataforma te dirá que tu cuenta se ha creado con éxito.

 

 

Presiona un clic en el enlace inicia sesión. Ahora agrega tu correo y contraseña, certifica que no eres un robot y presiona un clic en el botón Iniciar sesión en su cuenta.

 

 

Así entrarás al ambiente principal de Themes Generator.

 

 

Cómo Crear un Tema para WordPress con Themes Generator?

Ahora, lo primero que es necesario realizar es, poner tu lienzo totalmente en blanco para comenzar a trabajar desde cero. Para esto, cierra la ventana que se muestra en la región central y presiona un clic en el botón del cesto de basura que se ubica en la región superior.

 

 

La plataforma te preguntará si estás de acuerdo en borrar el lienzo. Presiona un clic en Aceptar.

 

 

Ahora, el lienzo quedará así.

 

 

Una página web está compuesta de una cabecera, un cuerpo y un pie.

 

Crear la Cabecera del Tema

Como ves, en la región derecha se encuentran una serie de recursos que puedes emplear para crear tu tema desde cero. Para crear la cabecera, con frecuencia se añaden el logo de la marca y un menú de navegación.

Así que lo primero que debes hacer es incluir una tabla con dos áreas separadas que incluya estos elementos. Presiona un clic en el botón y arrastra hasta el lienzo.

 

 

Ahora, incluye un separador de cabecera para indicar el espacio en el que culmina este área. Para ello, presiona un clic en el botón Separador de encabezado y arrastra hasta el lienzo.

 

 

Para que se incluya el logo en la región superior izquierda, tendrás que añadir un recurso de imagen. Ubica el ícono Imagen y arrástralo hasta la sección superior izquierda.

 

 

Elige la imagen de tu preferencia, da un clic en Añadir imagen y cierra.

Ahora en la región derecha podrás agregar un menú. Elige el botón de recurso Barra de navegación del menú y arrastra a la región superior derecha de la tabla de la cabecera.

Esto separará el sector para el encabezado, pero no mostrará nada más ya que este espacio se debe personalizar a través de la opción Personalizar – Menús – Ubicaciones y Personalizar – Estilos de menú, luego de que instales el tema en tu sitio web.

 

Crear el Cuerpo del Tema

Para crear el cuerpo del tema, existen muchas maneras de hacerlo. En este ejemplo agregaremos primero un banner, así que selecciona el botón Diapositivas y arrástralo hasta la región central del lienzo.

 

 

Ahora, incluye un separador de secciones para indicar que viene un nuevo espacio. Arrastra el botón hacia el lienzo y luego una vez seleccionado, cambia la forma de Triángulo a Curva 1 y el color a un celeste.

 

 

Añade una tabla con 3 celdas, a través del ícono Porcentaje de ancho de caja (3). Inserta en cada celda un texto a través de la opción respectiva. Cambia la fuente a Arial negro y centrado.

 

 

Pie del Tema

Para hacer el pie, tenemos que agregar el separador respectivo.

 

 

Ahora vamos a agregar una tabla de 5 columnas y en la parte central agregaremos íconos de redes sociales. Cambia, en la sección de Diseño, el porcentaje de ancho a cada columna con las centrales en 5% y las dos del borde en 42,5%.

 

 

Exportar Tema para WordPress

Un tema es mucho más que este ejemplo borrador, pero a manera de introducción verás las potencialidades de este maravilloso editor. Una vez que culmines con tu plantilla, tendrás que exportar la plantilla para que pueda ser cargada desde WordPress.

Así que ahora elige la opción Exportar a WordPress con el ícono que se ubica en la región superior.

 

 

A continuación, aparecerá una ventana con código HTML. Presiona un clic en Exportar tema de WordPress y esto decargará un comprimido en formato ZIP.

 

 

Ahora, es necesario dirigirte a tu página web WordPress y en el menú principal elegir la opción Apariencia y Añadir un tema nuevo.

 

 

Luego, presiona un clic en Subir tema y Seleccionar archivo para elegir el archivo descargado por Themes Generator.

 

 

Presiona un clic en Instalar ahora y luego en Activar. Luego, si visitas el sitio observarás cómo se muestra la plantilla.

 

 

Ahora ve a Apariencia, Menú, Ver la ubicación y elige el menú que tengas configurado. Se verá así.

 

 

Claro que todavía hay muchos elementos por configurar. Tendrás que descargar algunos complementos para que funcione el banner.

Pero, en líneas generales así se crea y se monta un tema personalizado desde cero y sin programación.

 

Conclusión

Themes Generator es una herramienta de código abierto con la cual puedes crear temas personalizados, desde cero, para uso personal o comercial. No se necesita conocer de programación y es de muy fácil aprendizaje.

Puedes registrarte de forma gratuita y para siempre, aunque las versiones de pago incluyen otras funcionalidades adicionales. El plan gratis tiene un buen margen de acción y te permitirá tanto crear como montar tus temas personalizados en WordPress sin problemas.

Gracias por tu tiempo 😉