Créez des PDF professionnels avec en-têtes et pieds de page personnalisés Essayer gratuitement
MD2PDF Logo

En-têtes et pieds de page : numérotation et logos automatiques

• 11 min de lecture

Les en-têtes et pieds de page sont essentiels pour donner un aspect professionnel à vos documents PDF. Ils permettent d'ajouter automatiquement des logos, une numérotation de pages, des titres, des dates et d'autres informations contextuelles qui facilitent la navigation et renforcent votre identité visuelle. Ce guide complet vous montre comment créer des en-têtes et pieds de page sophistiqués dans vos PDF générés depuis Markdown.

Pourquoi utiliser des en-têtes et pieds de page ?

Avantages professionnels

Cas d'usage

Éléments courants des en-têtes et pieds de page

En-tête (header)

Généralement placé en haut de page, l'en-tête peut contenir :

Pied de page (footer)

En bas de page, le pied de page inclut souvent :

Personnalisez vos en-têtes et pieds de page avec MD2PDF

Essayer MD2PDF →

Mise en place avec MD2PDF

Configuration de base

MD2PDF permet de définir des en-têtes et pieds de page via YAML frontmatter dans votre Markdown : 

---
title: "Rapport d'activité Q4 2025"
author: "Jean Dupont"
date: 2025-12-01
header:
  enabled: true
  logo: "assets/logo-entreprise.png"
  text: "Rapport d'activité Q4 2025"
  align: "center"
footer:
  enabled: true
  page_numbers: true
  format: "Page {page} sur {total}"
  copyright: "© 2025 MonEntreprise - Confidentiel"
---

# Rapport d'activité

Contenu du rapport...

Options d'en-tête avancées

header:
  enabled: true
  logo:
    path: "assets/logo.png"
    width: 80px
    align: left
  text:
    left: "MonEntreprise"
    center: "{{ title }}"
    right: "{{ date }}"
  style:
    background: "#f5f5f5"
    border_bottom: "2px solid #db2c46"
    padding: "10px"
    font_size: "10pt"

Options de pied de page avancées

footer:
  enabled: true
  page_numbers:
    enabled: true
    format: "Page {page} / {total}"
    position: center
    start_page: 2  # Commence à partir de la page 2
  text:
    left: "{{ filename }}"
    center: "{page} / {total}"
    right: "Version {{ version }}"
  style:
    border_top: "1px solid #ccc"
    font_size: "9pt"
    color: "#666"

Variables dynamiques

Variables de document

MD2PDF supporte des variables qui se mettent à jour automatiquement :

Variables de pagination

Variables de date

Exemples de configurations

Rapport d'entreprise classique

---
title: "Rapport Annuel 2025"
company: "MonEntreprise SAS"
header:
  logo:
    path: "logo.png"
    width: 60px
    align: left
  text:
    right: "{{ date }}"
  border_bottom: "2px solid #003366"
footer:
  page_numbers:
    format: "Page {page} sur {total}"
    position: center
  text:
    left: "{{ company }}"
    right: "Confidentiel"
---

Documentation technique

---
title: "Guide Administrateur v2.5"
product: "MonLogiciel Pro"
version: "2.5.0"
header:
  text:
    left: "{{ product }}"
    center: "{chapter}"
    right: "v{{ version }}"
  style:
    background: "#f8f9fa"
    font_size: "9pt"
footer:
  text:
    left: "{{ filename }}"
    center: "{page} / {total}"
    right: "Mise à jour : {{ now }}"
---

Proposition commerciale

---
title: "Proposition Commerciale"
client: "ACME Corp"
reference: "PROP-2025-042"
header:
  logo:
    path: "logo-color.png"
    width: 100px
    align: center
  text:
    right: "{{ reference }}"
footer:
  page_numbers:
    format: "{page} / {total}"
    position: right
  text:
    left: "{{ company }} - {{ phone }}"
    center: "Proposition pour {{ client }}"
  style:
    background: "#f5f5f5"
    padding: "8px"
---

Manuel utilisateur (style livre)

---
title: "Manuel Utilisateur"
subtitle: "Guide complet d'utilisation"
header:
  text:
    left: "{chapter}"
    right: "{page}"
  style:
    font_style: italic
    font_size: "10pt"
footer:
  text:
    center: "{{ title }} - {{ subtitle }}"
  style:
    font_size: "8pt"
    color: "#999"
---

Personnalisation avancée avec CSS

Styles CSS pour en-têtes

@page {
  @top-left {
    content: url('logo.png');
    width: 80px;
  }

  @top-center {
    content: "{{ title }}";
    font-size: 12pt;
    font-weight: bold;
    color: #003366;
  }

  @top-right {
    content: "{{ date }}";
    font-size: 10pt;
    color: #666;
  }

  @top {
    border-bottom: 2px solid #db2c46;
    padding-bottom: 8px;
  }
}

Styles CSS pour pieds de page

@page {
  @bottom-left {
    content: "© 2025 MonEntreprise";
    font-size: 9pt;
    color: #666;
  }

  @bottom-center {
    content: "Page " counter(page) " sur " counter(pages);
    font-size: 10pt;
  }

  @bottom-right {
    content: "Version 2.0";
    font-size: 9pt;
    font-style: italic;
  }

  @bottom {
    border-top: 1px solid #ccc;
    padding-top: 6px;
  }
}

En-têtes différents selon les pages

/* Première page sans en-tête */
@page:first {
  @top-left { content: none; }
  @top-center { content: none; }
  @top-right { content: none; }
}

/* Pages paires vs impaires */
@page:left {
  @top-left { content: "{{ title }}"; }
  @bottom-left { content: counter(page); }
}

@page:right {
  @top-right { content: "{chapter}"; }
  @bottom-right { content: counter(page); }
}

Gestion des logos

Formats supportés

Optimisation des logos

Placement du logo

header:
  logo:
    path: "assets/logo.png"
    width: 80px
    height: auto
    align: left  # left, center, right
    margin: "5px 10px"

Numérotation de pages avancée

Formats de numérotation

Démarrage personnalisé

footer:
  page_numbers:
    enabled: true
    format: "Page {page} sur {total}"
    start_page: 2  # Commence à partir de la page 2
    start_number: 1  # Premier numéro affiché
    exclude_pages: [1]  # Pages à exclure

Numérotation par section

---
sections:
  - name: "Introduction"
    numbering: roman  # i, ii, iii
    start_page: 1
  - name: "Corps"
    numbering: arabic  # 1, 2, 3
    start_page: 5
  - name: "Annexes"
    numbering: "A-{page}"  # A-1, A-2
    start_page: 50
---

Templates prédéfinis MD2PDF

Template "Corporate"

Template "Technical"

Template "Minimal"

Template "Report"

Bonnes pratiques

Design et lisibilité

Informations à inclure

Impression et PDF

Conclusion

Les en-têtes et pieds de page transforment un simple document en un PDF professionnel et cohérent. Avec MD2PDF, vous pouvez facilement configurer des en-têtes et pieds de page sophistiqués incluant logos, numérotation automatique, variables dynamiques et styles personnalisés. Cette fonctionnalité est essentielle pour les rapports d'entreprise, la documentation technique et tous les documents officiels nécessitant une identité visuelle forte et une navigation facilitée.

Que vous utilisiez un template prédéfini ou créiez votre propre configuration avec CSS avancé, MD2PDF vous offre la flexibilité nécessaire pour obtenir exactement le rendu souhaité, tout en automatisant la génération pour gagner un temps précieux sur la production documentaire.

Créez des PDF professionnels avec en-têtes personnalisés

Logos automatiques • Numérotation intelligente • Templates prédéfinis • CSS personnalisable

Essayer gratuitement →