CSS et JS personnalisés

Dans la section Customize, vous trouverez 3 sous-sections : Styles, Custom CSS et Custom Code.

Dans la première sous-section, Styles, vous pouvez choisir 3 polices pour votre projet et attribuer chacune d’elles au texte principal et aux titres h1 à h5. Vous pouvez également configurer si votre page occupe toute la largeur de l’écran ou une largeur maximale en pixels (mise en page en boîte). De plus, vous pouvez définir une couleur d’arrière-plan pour votre site ou télécharger une image d’arrière-plan.

Dans la section Custom CSS, vous pouvez écrire du code CSS pour votre projet. Le code écrit ici sera appliqué à l’ensemble du projet. Attention : n’écrivez rien si vous n’avez pas de connaissances en CSS.

Code personnalisé

Avant </header>
Ici, vous pouvez ajouter du code qui se place généralement dans l’en-tête de la page, comme par exemple :

  • Balises <meta> personnalisées.
  • Codes de vérification pour Google, Facebook ou services similaires.
  • Styles CSS supplémentaires ou liens vers des feuilles de style externes.

Après <body>
Cet espace est idéal pour inclure du code qui doit s’exécuter immédiatement après l’ouverture de la balise body, comme :

  • Scripts de suivi ou d’analyse.
  • Code nécessaire pour initialiser des services tiers.
  • Toute configuration initiale devant être chargée avant le contenu de la page.

Avant </body>
Ici, vous pouvez ajouter des scripts qui doivent se charger à la fin de la page, juste avant la fermeture de la balise body. C’est utile pour :

  • Charger des bibliothèques JavaScript externes (par ex. jQuery, Bootstrap, etc.).
  • Scripts personnalisés qui interagissent avec le contenu de la page.
  • Intégrations de chat en direct, pop-ups ou outils marketing.
CSS et JS personnalisés

Dans la section Styles, vous pouvez sélectionner 3 polices de Google Fonts pour votre site web.