¡Licencias
Premium!

¿Más de 5 MB no son suficientes? Encuentra tu solución aquí.
Nuestros costos son una inversión para duplicar, triplicar,
¡Elevar tus ingresos ahorrando muchísimo tiempo!

Anual

Basic

El mejor plan para tus necesidades básicas

$16Pago mensual

Incluye:

  • Herramientas Premium
  • Templates Diseños copy paste
  • Website Landings, multipages, blogs, empresariales, comerciales (No tiendas)
  • Actualizaciones Constantes
  • Lun/Vie Soporte
  • Ilimitadas Conversiones por mes
  • Uso ilimitado de GeniusHtml Pro
¡Lo quiero ahora!
...
De por vida

Pro

Perfecto para tiendas online

$20Pago mensual

Incluye:

  • Herramientas Premium (básico) y para tiendas
  • Templates Diseños copy paste
  • Website Landings, multipages, blogs, empresariales, comerciales, tiendas
  • Actualizaciones Constantes
  • Lun/Vie Soporte
  • 30 Conversiones por mes
  • Uso ilimitado de GeniusHtml Pro
¡Lo quiero ahora!

¿Cómo empiezo?

Sigue estás prácticas en tu html.
Solo copia y pega los comentarios y adapta tu proyecto para la conversión.

Lo primero...
¡Importante!

  • Siempre usa las etiquetas header(para el menú) y footer en tu proyecto. Esto definirá el menú y el footer en Wordpress.
¡Importante!

Establece el contenido principal de tus páginas:

  • En el index.html y en el resto de tus páginas coloca este comentario
    <!-- Main content Start -->
    Contenido principal
    <!-- Main content End -->
    Encerrando así contenido principal sin incluir el header ni el footer dentro.
Ejemplo: 

																							 
	<body>
		<header>
			Mi menú
		</header>
																								
		<!-- Main content Start -->
			<div>
				...			
			</div>
		<!-- Main content End -->
		
		<footer>
			Mi footer
		</footer>
	</body>
Descarga Genius CLI:

Te permitirá gestionar las configuraciones iniciales de tu proyecto.
Ver video

Imagen de tu tema:

Es una imagen .png de nombre: screenshot.
Su tamaño es de 1200 X 900.
Sólo colócalo en la raiz de tu proyecto. Ver video

Define tus páginas:

  • index.html será el Home
  • blog.html será el blog, es decir la pagina donde se listarán todos las publicaciones del blog.
  • single.html será la interna del blog, es decir el post individual.
  • Las demás páginas apareceran de manera automática en wordpress. Recuerda direccionarlas bien en el menú de tu proyecto html como lo haces normalmente, el sistema convertirá ese direccionamiento en codigo para Wordpress.
  • Con esto el sistema creará de manera automática la página de categorías, user, y acondicionará tu blog de wordpress.
  • Nota; En caso hayas olvidado colocar blog.html y tu single.html correspondientes a la vista general de tus posts y la individual, el sistem los creará por ti, pero colocará uno pretedeterminado que se adaptará a tus estilos css.

Define tu cs y js:

  • Las etiquetas link(css) y script(js) deben estar en una sola línea.
  • Usa style.css en la raiz de tu proyecto y el resto dentro de una carpeta assets.
  • Nota: En caso hayas olvidado organizar tus archivos en una carpeta assets, el sistema lo hará por ti. Incluso el archicho style.css.

Formulario de contacto (Recomendable)
Si tu proyecto requiere de un formulario enciérralo entre los siguientes comentarios: 
																						 
<!--- formnombredelformulario --->
Tu formulario como normalemnte lo haces con html
<!--- endformnombredelformulario --->
Preguntas:

    ¿Qué hago con action?
  • Solo coloca action como lo haces normalmente, este se adaptará al sistema reemplazandolo con: action="#" con lo cual
    • ¿Qué hago con name?
  • Debes colocar name con su nombre de dato ejemplo: name="nombre". Sino, geniushtml procesará el id.
  • Nota: Recuerda que el comentario es con 3 barritas. Debe tener de manera obligatorio la palabra clave form y luego el nombre del formulario
Logo (Recomendable)
Debes encerrar entre comentarios: 
																						 
<!-- logo -->
La imagen del logo encerrada en una etiqueta a
<!-- endlogo -->
Preguntas:

    ¿Y esto es todo?
  • ¡Exactamente! Pero aún si no llegaras a colocar este simple comentario, el sistema lo hará por ti, solo si el src de tu imagen esta direccionada a una imagen llamada logo.png y encerrada dentro de una etiqueta a. Esto hará que tu logo sea administrable en wordpress
Favicon
El sistema solo detectará la linea html del favicon en tu proyecto Preguntas:

    ¿Y esto es todo?
  • ¡Exactamente! si tienes algo similar a esto: <link rel="icon" type="image/png" href="assets/favicon.png"> el sistema hara todo de manera automatica, incluso si tu favicon no tiene como nombre "favicon.png"
Blog y categorias
Solo debes renombrar tu archivo destinado al blog como blog.html y la interna como single.html
Pero recuerda que debes tener en todas tus paginas el comentario de inicialización como se comenta en la seccion inicial "Lo primero" El sistema colocará de manera automatica los comentarios Preguntas:

    ¿Y esto es todo?
  • ¡Exactamente! si tienes algo similar a esto: <link rel="icon" type="image/png" href="assets/favicon.png"> el sistema hara todo de manera automatica, incluso si tu favicon no tiene como nombre "favicon.png"
Formulario de búsqueda (Opcional)
Assertively envisioneer out-of-the-box methodologies support strategic niches. Globally restore magnetic value before business resources. Interactively scale front-end niche markets before cross-platform partnerships. Dramatically myocardinate front-end synergy whereas best-of-breed users. Efficiently generate world-class action items with revolutionary growth strategies.
Templates (Recomendable)
Assertively envisioneer out-of-the-box methodologies support strategic niches. Globally restore magnetic value before business resources. Interactively scale front-end niche markets before cross-platform partnerships. Dramatically myocardinate front-end synergy whereas best-of-breed users. Efficiently generate world-class action items with revolutionary growth strategies.
Secciones administrables (Opcional)
Assertively envisioneer out-of-the-box methodologies support strategic niches. Globally restore magnetic value before business resources. Interactively scale front-end niche markets before cross-platform partnerships. Dramatically myocardinate front-end synergy whereas best-of-breed users. Efficiently generate world-class action items with revolutionary growth strategies.
Páginas administrables (Opcional)
(generales e internas)
Assertively envisioneer out-of-the-box methodologies support strategic niches. Globally restore magnetic value before business resources. Interactively scale front-end niche markets before cross-platform partnerships. Dramatically myocardinate front-end synergy whereas best-of-breed users. Efficiently generate world-class action items with revolutionary growth strategies.
Footer y datos de empresa (Recomendable)
Assertively envisioneer out-of-the-box methodologies support strategic niches. Globally restore magnetic value before business resources. Interactively scale front-end niche markets before cross-platform partnerships. Dramatically myocardinate front-end synergy whereas best-of-breed users. Efficiently generate world-class action items with revolutionary growth strategies.
Plantillas optimizadas para la conversión (Opcional)
Assertively envisioneer out-of-the-box methodologies support strategic niches. Globally restore magnetic value before business resources. Interactively scale front-end niche markets before cross-platform partnerships. Dramatically myocardinate front-end synergy whereas best-of-breed users. Efficiently generate world-class action items with revolutionary growth strategies.

¿O prefieres gratis?

Convierte 1 proyecto cada 15 días, con un límite de 2 MB.
Si solo haces proyectos ocasionales y necesitas landings administrables o sitios pequeños pero con toda la potencia de WordPress, esta opción es para ti

Comenzar Gratis