Mtro. Fernando Arciniega

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Search in posts
Search in pages

Crea una página web con Themler (mini tutorial)

Crea una página web con Themler (mini tutorial)

Crea de manera gratuita y sin código, tu propia página web gratis. En este post, te enseñaré a crear una página web utilizando la herramienta Themler la cuál es gratis para HTML y te permite crear sitios web fácilmente.

https://themler.io/ es el sitio web para descargar el programa.

Themler es un software para crear sitios web y temas para diferentes plataformas CMS como WordPress, Joomla, Drupal, WooCommerce, Shopify, entre otras. Ofrece una interfaz visual de «arrastrar y soltar» que facilita el diseño web sin necesidad de conocimientos de código. Puedes crear diseños flexibles para sitios web de comercio electrónico y gestión de contenido

Themler proporciona una interfaz visual de arrastrar y soltar, pero la función más importante que nos enfocaremos es en crear páginas en HTML de manera local y que se puede subir fácilmente a la nube.

El producto también admite el diseño de plantillas para complementos de comercio electrónico como wooCommerce y VirtueMart que funcionan con WordPress y Joomla, respectivamente.

¿Porqué elegir Themler?

Aunque existen varias opciones para comprar este software, nosotros nos enfocaremos en la versión gratuita para crear sitios web en HTML.

Para descargar el programa nos dirigimos a la url: https://themler.io/Download

y ahí elegimos la opción de Themler para Windows:

Una vez descargado, procederemos a la instalación.

Hacemos clic en NEXT
Aceptamos los términos de la licencia
Elegimos la opción para instalar todos los componentes necesarios para su funcionamiento
El sistema empieza la instalación
Al finalizar, nos creará un ícono en el escritorio y ejecutará el programa

De manera automática se abre el menú para iniciar con el software, elegimos la opción HTML.

Haz clic en «Create new theme» para empezar a trabajar con tu proyecto web.

Se abrirá la siguiente interfaz:

La interfaz es bastante intuitiva y se ejecuta en el navegador, lo que ves es el diseño que se va formando en tiempo real.

Te recomiendo hacer un registro para crear una cuenta y poder guardar tus proyectos, da clic en UPDATES para que se abra el panel de logueo. Procede a tu registro.

También puedes acceder a tu cuenta y a diversas funciones en el panel superior derecho:

Del lado izquierdo, encontrarás el panel de navegación dónde se encuentran las opciones básicas del diseño de tu sitio web, encabezado, cuerpo y pie de página:

Iniciaremos personalizando el encabezado, también nos da sugerencias si damos clic en el ícono central:

Elegimos alguno de los diseños gratuitos, dando clic en ADD

Para personalizar el logotipo del negocio, hacemos clic en:

Ajustaré el alto del encabezado para poder poner un poco grande el logotipo:

Las páginas de mi sitio web están por default de la siguiente manera:

Eliminaré todas las subpáginas para quedarme solamente con las 3 principales:

Haciendo clic en propiedades podemos personalizar los datos básicos de cada web:

Este menú aparece en la parte derecha

Después de personalizar mis páginas quedan así:

Inicio, servicios, contacto.

En la página de INICIO personalizaré el cuerpo de la página, dando clic en en botón verde con el simbolode «+» :

Elegimos un diseño que nos agrade para personalizarlo:

Personalizando el cuerpo de la página INICIO

Para desactivar las opciones del pie de página y colocar nuestra propia información vamos a desactivar dos casillas en Home > Settings

Pie de página personalizado

El siguiente paso será colocar todos los elementos e información que nosotros queramos dentro del cuerpo de la página, el encabezado y pie de página será el mismo en todas las páginas principales, procederé a personalizar la sección SERVICIOS:

Si quieres ver como se verá tu sitio web en distintos dispositivos haz clic en los íconos que los representan:

Una vez finalizada toda la personalización de tu sitio web, haz clic en:

y coloca un nombre a tu proyecto:

Se descarga en automático el archivo con todo tu sitio web, está comprimido, por lo que tendrás que extraerlo en alguna carpeta local:

Tu sitio web lo puedes visualizar abriendo el «index.html»

Vista previa del sitio web

Como verás es bastante sencillo crear una página web con Themler, es cuestión de creatividad para colocar toda la información que necesitas.

Si deseas continuar editando tu sitio web, debes abrir Themler desde tu escritorio y tu proyecto aparecerá guardado:

Si tienes alguna pregunta o comentario, no dudes en comentar este post. Saludos.

NOTA:

Si quieres que tu encabezado no esté fijo, desactiva esta opción:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *