Convertir diseños HTML/CSS

HTML/CSS está disponible como formato fuente en todos los planes, incluido Free. Esta guía explica cómo funciona la conversión y cómo estructurar tus archivos fuente para conseguir el mejor Fidelity Score.

Cómo funciona el parser

El parser HTML de Tapeto recorre el DOM y lo convierte en la IR (representación intermedia) compartida por todos los generadores. Durante el proceso:

• Mapea los atributos estándar (src, alt, href, el level de los encabezados, etc.) a los nodos de la IR.
• Lee el CSS enlazado e inline, incluyendo las reglas @media — los breakpoints se capturan en designTokens.breakpoints de la IR, de modo que el comportamiento responsive sobrevive a la conversión.
• Trata los encabezados, párrafos e imágenes como nodos hoja — nunca se convierten en contenedores, aunque tu markup anide otros elementos dentro de ellos.

Usar el Clonador de URL

En lugar de subir archivos, puedes apuntar Tapeto a una URL pública. El Clonador de URL descarga el HTML de la página y sus hojas de estilo externas, y las introduce en el mismo pipeline que un proyecto HTML/CSS subido manualmente. El CSS externo se descarga con comprobaciones de tipo MIME, un límite máximo de tamaño y un timeout, de modo que un recurso lento o inesperado no bloquee tu conversión.

Consejos para un Fidelity Score más alto

• Mantén los estilos en CSS, no en atributos style inline — el parser lee las hojas de estilo de forma más fiable que los estilos inline dispersos.
• Usa HTML semántico (<h1>–<h6>, <p>, <img>, <a>) — las etiquetas semánticas se mapean directamente a tipos de nodo de la IR; una “sopa” de <div> genéricos pierde estructura.
• Evita depender de contenido renderizado con JavaScript — Tapeto analiza el HTML tal como se entrega, no después del renderizado del lado del cliente.
• Revisa las rutas de las imágenes — las rutas relativas se resuelven contra el origen; las rutas rotas aparecen como imágenes faltantes en el resultado.

Elegir un builder

Una vez construida la IR, eliges el builder destino para la conversión (gutenberg, elementor, oxygen o divi, según tu plan). La misma IR se puede convertir a varios builders sin volver a subir el archivo fuente — consulta la Referencia de la API si lo vas a automatizar.

Siguiente paso

Cuando tengas una conversión completada, consulta Exportar resultados para descargarla o enviarla a WordPress.