CSS, intestazione, piè di pagina e JavaScript personalizzati
Se conosci HTML e CSS, attiva la “Modalità sviluppatore” in fondo alla colonna destra, sotto “Avanzati”. L'interruttore vale per questo browser; dopodiché a sinistra compare l'area “Sviluppatore”. Lì trovi quattro spazi: “CSS”, “HTML di intestazione”, “HTML a piè di pagina” e “JavaScript”, ciascuno fino a 200 kB.
Il tuo CSS viene dopo il foglio di stile generato e quindi prevale a parità di specificità. Per permetterti di intervenire con precisione, ogni sezione ha un'ancora fissa: l'intestazione #kt-hero, le sezioni #kt-s0, #kt-s1 … nel loro ordine; se sposti una sezione, il suo numero si sposta con lei. Un clic su un'ancora la inserisce nella posizione del cursore. Gli script esterni funzionano solo tramite https://.
Il documento resta la fonte per contenuti e struttura, il codice per aspetto e integrazioni: Kenji non tocca mai il tuo codice, e il tuo codice non riscrive alcuna sezione.
- Apri “Avanzati” in basso a destra e attiva la “Modalità sviluppatore”.
- Clicca su “Sviluppatore” a sinistra e scegli uno spazio, ad esempio “CSS”.
- Scrivi il tuo codice e clicca su “Salva bozza”, oppure premi Ctrl+S.
Bozza, anteprima, pubblicazione e ritorno a una versione precedente non consumano credito IA.
Anteprima nella sandbox
“Anteprima” mostra l'intera pagina con il codice che si trova in quel momento nell'editor, anche se non salvato, isolata in un riquadro a sé: senza accesso ai cookie, ai dati memorizzati e alla pagina che la contiene. È protetta due volte, perché ciascuna delle due barriere è di per sé un'impostazione che qualcuno potrebbe allentare per errore.
La normale vista di modifica mostra solo il tuo CSS. HTML e JavaScript li vedi in questa anteprima e sulla pagina live.
- Nell'area “Sviluppatore”, clicca su “Anteprima”.
- Controlla la pagina in “Anteprima con il codice della bozza” e chiudila con “Chiudi”.
Pubblicazione e versioni separate per il codice
Il codice ha una propria bozza e una propria pubblicazione. “Pubblica” nell'area “Sviluppatore”, con una nota facoltativa, trasforma la bozza salvata in una versione, che vale subito sulla pagina live, indipendentemente dal pulsante “Pubblica” in alto nell'intestazione. Se il sito è offline, il codice attende che torni online.
In “Versioni” ogni versione è elencata con numero, ora, origine (manuale, “Proposta di Kenji” o ritorno), la tua nota e la differenza rispetto alla precedente; quella attualmente valida porta l'indicazione “live”. “Torna a questa versione” crea una nuova versione con il vecchio contenuto, e bozza e pagina live passano subito a quello stato.
- Clicca su “Pubblica”, inserisci una nota se vuoi e clicca su “Pubblica ora”.
- Espandi “Versioni” e clicca su una versione per vedere la differenza.
- Clicca su “Torna a questa versione” e poi su “Sì, torna”.
Uno stato vecchio non è automaticamente uno stato funzionante: dopo il ritorno, controlla la pagina live.
Proposta di codice di Kenji
Nel campo sotto il codice descrivi in una frase cosa deve fare il codice, e Kenji scrive una proposta. Compare accanto alla tua bozza, con una spiegazione e la differenza rispetto al tuo codice, mai direttamente al suo interno.
“Applica” scrive la proposta nella bozza, “Scarta” la mette da parte. La pubblicazione avviene solo con il pulsante apposito: per il codice sei tu l'ultimo a dire sì. Una proposta aperta resta lì anche se ricarichi la pagina.
- Nel campo sotto il codice, scrivi cosa deve fare il codice e invia.
- Leggi la spiegazione e la differenza.
- Clicca su “Applica” o “Scarta”.
La proposta consuma credito IA; applicare e scartare non ne consumano. Se una proposta non è utilizzabile, viene scartata e non viene addebitato nulla.