CSS, en-tête, pied de page et JavaScript personnalisés
Si vous maîtrisez HTML et CSS, activez « Mode développeur » sous « Avancé », en bas de la colonne de droite. Ce réglage s’applique à ce navigateur ; ensuite, l’espace « Développeur » apparaît à gauche. Il comporte quatre emplacements : « CSS », « HTML d’en-tête », « HTML de pied » et « JavaScript », chacun jusqu’à 200 ko.
Votre CSS est placé après la feuille de style générée et l’emporte donc à spécificité égale. Pour que vous puissiez cibler précisément, chaque section porte une ancre fixe : l’en-tête #kt-hero, les sections #kt-s0, #kt-s1 … dans leur ordre — si vous déplacez une section, son numéro la suit. Un clic sur une ancre l’insère à l’emplacement du curseur. Les scripts externes ne passent que par https://.
Le document reste la source du contenu et de la structure, le code celle de l’apparence et des ajouts : Kenji ne touche jamais à votre code, et votre code ne réécrit aucune section.
- Ouvrez « Avancé » en bas à droite et activez « Mode développeur ».
- Cliquez sur « Développeur » à gauche et choisissez un emplacement, par exemple « CSS ».
- Écrivez votre code et cliquez sur « Enregistrer le brouillon » — ou appuyez sur Ctrl+S.
Le brouillon, l’aperçu, la publication et le retour en arrière ne consomment pas de crédit IA.
Aperçu dans le bac à sable
« Aperçu » affiche toute votre page avec le code qui se trouve actuellement dans l’éditeur — même non enregistré —, isolée dans un cadre à part : sans accès aux cookies, aux données enregistrées ni à la page qui la contient. Doublement sécurisé, car chacune des deux barrières est à elle seule un réglage que quelqu’un pourrait assouplir par erreur.
La vue d’édition normale n’affiche que votre CSS. Vous voyez le HTML et le JavaScript dans cet aperçu et sur la page en ligne.
- Dans l’espace « Développeur », cliquez sur « Aperçu ».
- Vérifiez la page sous « Aperçu avec le code du brouillon » et fermez-la avec « Fermer ».
Publication et versions propres au code
Le code a son propre brouillon et sa propre publication. « Publier » dans l’espace « Développeur », avec une note facultative, transforme le brouillon enregistré en version — et celle-ci s’applique immédiatement sur la page en ligne, indépendamment du bouton « Publier » en haut dans l’en-tête. Si le site est hors ligne, le code attend qu’il soit de nouveau en ligne.
Sous « Versions », chaque version figure avec son numéro, l’heure, son origine — manuelle, « Proposition de Kenji » ou retour —, votre note et la différence avec la précédente ; celle actuellement en vigueur porte « en ligne ». « Revenir à cette version » crée une nouvelle version avec l’ancien contenu, et le brouillon comme la page en ligne passent immédiatement à cet état.
- Cliquez sur « Publier », saisissez une note si besoin et cliquez sur « Publier maintenant ».
- Dépliez « Versions » et cliquez sur une version pour voir la différence.
- Cliquez sur « Revenir à cette version » puis sur « Oui, revenir ».
Un ancien état n’est pas automatiquement un état sain — vérifiez la page en ligne après le retour.
Proposition de code de Kenji
Dans le champ sous le code, vous décrivez en une phrase ce que le code doit faire, et Kenji rédige une proposition. Elle apparaît à côté de votre brouillon, avec une explication et la différence avec votre code — jamais directement dedans.
« Appliquer » écrit la proposition dans le brouillon, « Rejeter » la met de côté. La publication ne se fait qu’avec son propre bouton : pour le code, c’est vous qui dites oui en dernier. Une proposition ouverte reste affichée, même si vous rechargez la page.
- Dans le champ sous le code, écrivez ce que le code doit faire et envoyez-le.
- Lisez l’explication et la différence.
- Cliquez sur « Appliquer » ou « Rejeter ».
La proposition consomme du crédit IA ; appliquer et rejeter n’en consomment pas. Si une proposition est inutilisable, elle est écartée et rien n’est facturé.