El bloc Codi personalitzat
Una secció creada des de zero amb HTML, CSS i JavaScript, per tu o per la teva IA, per a allò que cap altre bloc no cobreix.
De vegades no hi ha cap bloc preparat que t'encaixi: una calculadora de preus, una línia del temps, una petita animació. El bloc Codi personalitzat inclou el teu HTML, CSS i JavaScript i el mostra com una secció de la pàgina. És ideal per fer-lo servir amb IA: descriu què vols i deixa que la IA t'ho creï.
Afegeix-ne un tu mateix
-
A l'editor, fes clic a Afegeix un bloc i tria Codi personalitzat a Contingut.
-
Obre el bloc i escriu el codi a les pestanyes HTML, CSS i JavaScript. La previsualització s'actualitza mentre escrius.
Deixa que la IA el creï
Amb una app d'IA connectada, només cal que descriguis la secció. Escriu el codi, col·loca el bloc i el comprova amb una captura de pantalla. Algunes idees:
-
Afegeix una secció personalitzada a la pàgina d'inici amb una calculadora de preus: els clients trien un menú i el nombre de persones, i veuen el total.
-
Crea una línia del temps amb la nostra història a la pàgina Quant a nosaltres, amb els nostres colors i tipus de lletra.
-
Afegeix un bàner animat a la part superior de la pàgina del menú que digui Nou menú de primavera i assegura't que es vegi bé al mòbil.
Cal saber-ho
- Fa servir els colors i els tipus de lletra del teu web, així que queda integrat amb la resta del lloc.
- El text de l'HTML es tradueix amb la resta de la pàgina. El text que escriu el JavaScript no, així que deixa les paraules a l'HTML.
- El disseny, el codi i les imatges es comparteixen entre tots els idiomes. Canvia'ls a l'idioma principal.
- S'executa dins del seu propi entorn segur, així que no pot fer malbé la resta de la pàgina.
- Els cercadors no llegeixen el text dins del marc, així que mantén la informació important en blocs normals.
- Cada bloc admet fins a 100 KB d'HTML, 50 KB de CSS i 100 KB de JavaScript.