El bloque Código personalizado
Una sección creada desde cero en HTML, CSS y JavaScript, por ti o por tu IA, para lo que no cubre ningún otro bloque.
A veces no encaja ningún bloque ya hecho: una calculadora de precios, una línea de tiempo, una animación pequeña. El bloque Código personalizado guarda tu propio HTML, CSS y JavaScript y lo muestra como una sección en tu página. Encaja genial con la IA: describe lo que quieres y deja que la IA lo cree por ti.
Añádelo tú
-
En el editor, haz clic en Añadir un bloque y elige Código personalizado dentro de Contenido.
-
Abre el bloque y escribe tu código en las pestañas HTML, CSS y JavaScript. La vista previa se actualiza mientras escribes.
Deja que tu IA lo cree
Con una app de IA conectada, solo tienes que describir la sección. Escribe el código, coloca el bloque y lo comprueba con una captura. Algunas ideas:
-
Añade a la página de inicio una sección personalizada con una calculadora de precios: los invitados eligen un menú y el número de personas, y ven el total.
-
Crea una línea de tiempo con nuestra historia en la página Sobre nosotros, con nuestros colores y tipografías.
-
Añade un banner animado en la parte superior de la página del menú que diga Nuevo menú de primavera y asegúrate de que se vea bien en móvil.
Bueno saberlo
- Usa los colores y las fuentes de tu sitio, así que encaja con el resto de la web.
- El texto del HTML se traduce con el resto de la página. El texto que escribe JavaScript no, así que deja las palabras en el HTML.
- El diseño, el código y las imágenes se comparten en todos los idiomas. Cámbialos en tu idioma principal.
- Se ejecuta en su propio entorno seguro, así que no puede estropear el resto de la página.
- Los motores de búsqueda no leen el texto dentro del marco, así que deja la información importante en bloques normales.
- Cada bloque admite hasta 100 KB de HTML, 50 KB de CSS y 100 KB de JavaScript.