Skip to main content
Settings
Color Mode
Theme Skin
Background

Appearance preferences are saved in this browser only.

Environment
Current Environment Production

Built with JEKYLL_ENV=production. Changes require deployment.

Quick Links
Theme & Build
Jekyll v3.10.0
Last Build Aug 01, 19:35
Page Location
Page Info
Layout default
Collection none
Path fr/docs/customization/index.md
URL /fr/docs/customization/
This page was translated automatically from the English original. View the original

Personnalisation

Personnalisez le thème Jekyll Zer0-Mistakes — mises en page, styles, navigation et plus encore.

Personnalisation

Personnalisez le thème Zer0-Mistakes pour l’adapter à votre marque et à vos besoins.

Domaines de personnalisation

Domaine Emplacement Description
Mises en page _layouts/ Modèles et structure des pages
Styles _sass/ Personnalisation CSS/SCSS
Navigation _data/navigation/ Configuration du menu et de la barre latérale
Composants _includes/ Composants HTML réutilisables

Personnalisations rapides

Identité du site

Mettez à jour _config.yml :

title: "Your Site Title"
subtitle: "Your tagline"
description: "Site description for SEO"
preview: /images/previews/customization.png
author:
  name: "Your Name"
  email: "you@example.com"
  bio: "About the author"
logo: /assets/images/logo.png

Couleurs et image de marque

Créez ou modifiez _sass/custom.scss :

// Override Bootstrap variables
$primary: #your-color;
$secondary: #your-color;

// Custom styles
body {
  font-family: 'Your Font', sans-serif;
}

Modifiez les fichiers dans _data/navigation/ :

# _data/navigation/main.yml
- title: "Home"
  url: /
- title: "Blog"
  url: /blog/
- title: "Docs"
  url: /docs/

Guides de cette section

  • Mises en page — Créer et personnaliser les modèles de pages
  • Styles — Personnalisation CSS et thématisation
  • Navigation — Configurer les menus et les barres latérales

Hiérarchie des mises en page

root.html          ← Base HTML structure
└── default.html   ← Main wrapper with navigation
    ├── home.html      ← Homepage layout
    ├── journals.html  ← Blog posts
    ├── collection.html ← Collection pages
    └── landing.html   ← Full-width landing pages

Remplacer les fichiers du thème

Pour remplacer n’importe quel fichier du thème :

  1. Créez le même chemin de fichier dans votre site
  2. Jekyll utilise votre version au lieu de celle du thème

Exemple : remplacez le pied de page en créant _includes/core/footer.html.

Étapes suivantes

Référence technique

Pour les détails destinés aux contributeurs (architecture SCSS, catalogue des jetons de design, modèles d’extension compatibles avec les forks) :

Voir aussi

  • [[Bootstrap Integration]]
  • [[Features]]
  • [[Liquid]]
  • [[Jekyll]]