CSS, cabecera, pie y JavaScript propios
Si sabes HTML y CSS, activa el “Modo de desarrollador” abajo en la columna derecha, en “Avanzado”. El interruptor se aplica a este navegador; después aparece a la izquierda el área “Desarrollador”. Allí hay cuatro espacios: “CSS”, “HTML de cabecera”, “HTML de pie” y “JavaScript”, cada uno de hasta 200 kB.
Tu CSS va después de la hoja de estilos generada y por eso prevalece a igual especificidad. Para que puedas apuntar con precisión, cada sección lleva un ancla fija: la cabecera #kt-hero, las secciones #kt-s0, #kt-s1 … en su orden; si mueves una sección, su número se mueve con ella. Un clic en un ancla la inserta en la posición del cursor. Los scripts externos solo se admiten a través de https://.
El documento sigue siendo la fuente del contenido y la estructura; el código, la del aspecto y los añadidos: Kenji nunca toca tu código, y tu código no reescribe ninguna sección.
- Abre “Avanzado” abajo a la derecha y activa “Modo de desarrollador”.
- Haz clic en “Desarrollador” a la izquierda y elige un espacio, por ejemplo “CSS”.
- Escribe tu código y haz clic en “Guardar borrador”, o pulsa Ctrl+S.
El borrador, la vista previa, la publicación y la vuelta atrás no consumen saldo de IA.
Vista previa en un entorno aislado
“Vista previa” muestra tu página completa con el código que hay en ese momento en el editor (también sin guardar), aislada en un marco propio: sin acceso a las cookies, a los datos almacenados ni a la página que la contiene. Con doble protección, porque cada una de las dos barreras es, por sí sola, un ajuste que alguien podría relajar por error.
La vista de edición normal solo muestra tu CSS. El HTML y el JavaScript los ves en esta vista previa y en la página en vivo.
- En el área “Desarrollador”, haz clic en “Vista previa”.
- Revisa la página en “Vista previa con el código del borrador” y ciérrala con “Cerrar”.
Publicación y versiones propias para el código
El código tiene su propio borrador y su propia publicación. «Publicar» en el área «Desarrollador», con una nota opcional, convierte el borrador guardado en una versión, y esta se aplica de inmediato en la página en vivo, con independencia del botón «Publicar» de la barra superior. Si el sitio web está fuera de línea, el código espera hasta que vuelva a estar en línea.
En “Versiones” aparece cada versión con su número, hora, origen (a mano, “Propuesta de Kenji” o vuelta atrás), tu nota y la diferencia con la anterior; la vigente lleva “en vivo”. “Volver a esta versión” crea una nueva versión con el contenido antiguo, y el borrador y la página en vivo quedan al instante en ese estado.
- Haz clic en «Publicar», escribe una nota si lo necesitas y haz clic en «Publicar ahora».
- Despliega “Versiones” y haz clic en una versión para ver la diferencia.
- Haz clic en “Volver a esta versión” y después en “Sí, volver”.
Un estado antiguo no es automáticamente un estado sin errores: después de volver atrás, revisa la página en vivo.
Propuesta de código de Kenji
En el campo que hay debajo del código describes en una frase lo que debe hacer el código, y Kenji escribe una propuesta. Aparece junto a tu borrador, con una explicación y la diferencia con tu código, nunca directamente dentro de él.
«Aplicar» escribe la propuesta en el borrador; «Descartar» la deja de lado. Solo se publica con su propio botón: con el código, tú eres el último en dar el sí. Una propuesta abierta se mantiene aunque recargues la página.
- En el campo que hay debajo del código, escribe lo que debe hacer el código y envíalo.
- Lee la explicación y la diferencia.
- Haz clic en “Aplicar” o “Descartar”.
La propuesta consume saldo de IA; aplicar y descartar no consumen nada. Si una propuesta no es utilizable, se descarta y no se cobra nada.