---
title: "Introduction · Documentation Leiho"
description: "Ce qu’est Leiho et comment il fonctionne."
url: https://leiho.dev/fr/docs
lang: fr
updated: 2026-11-04
---
Premiers pas

# Introduction

Ce qu’est Leiho et comment il fonctionne.

**Leiho est l’éditeur visuel de contenu pour WordPress headless.** Vos rédacteurs voient le vrai front (Next.js, Astro, Nuxt, SvelteKit, React ou HTML simple) directement dans wp-admin. Ils cliquent sur un titre, le modifient, le voient se mettre à jour en direct, enregistrent et publient. Définissez vos types de contenu dans Leiho ou conservez vos champs ACF existants : dans les deux cas, WordPress reste l’unique source de vérité.

WordPress headless offre aux développeurs un front moderne, mais prive les rédacteurs du « ce que vous voyez ». Ils remplissent des formulaires à l’aveugle, attendent un build et découvrent le résultat sur le site en ligne. Leiho leur remet le site sous les yeux, sans demander aux développeurs de renoncer à leur stack.

- **Compatible avec n’importe quel front.** Un bridge d’environ 10 Ko, sans dépendance, communique avec wp-admin via `postMessage`. Les applications React disposent d’un composant d’une ligne.
- **Votre modèle de données, intact.** Leiho lit et écrit les champs ACF que vous avez déjà : repeaters, groupes, contenu flexible, relations, images.
- **Ou aucun plugin de champs.** Leiho Collections définit les types de contenu et leurs champs dans Leiho même, stockés dans des tables typées. WordPress + Leiho suffit.
- **Rien de public.** Le bridge n’appelle jamais l’API WordPress et ne détient aucun secret. L’origine de chaque message est vérifiée des deux côtés.
- **Une publication adaptée à votre hébergement.** Contenu en direct, build hook (Vercel, Netlify, Cloudflare Pages), GitHub Actions avec suivi du build en direct, commit de publication ou Coolify.

## Fonctionnement

```
┌──────────────────────── wp-admin ────────────────────────┐
│  Leiho editor                                             │
│  ┌──────────────┐  ┌───────────────────────────┐  ┌─────┐│
│  │ Pages        │  │  <iframe> your real site  │  │Field││
│  │ Structure    │  │  ┌─────────────────────┐  │  │panel││
│  │ History      │  │  │ leiho-bridge.js      │◄─┼──┤     ││
│  └──────────────┘  │  └─────────────────────┘  │  └─────┘│
│                    └───────────────────────────┘         │
│             REST (leiho/v1, nonce + capabilities)         │
└───────────────────────────┬──────────────────────────────┘
                            ▼
                     WordPress + ACF
```

1. L’éditeur charge votre front dans une iframe.
2. Le bridge repère les éléments que vous avez annotés avec `data-wp-field` et les signale.
3. Cliquer sur un élément ouvre son champ. La saisie met la page à jour instantanément, dans le navigateur uniquement.
4. **Enregistrer** écrit dans WordPress. **Publier** déclenche votre déploiement (ou rien du tout en mode contenu en direct).

Mis à jour le 4 novembre 2026[Un point pas clair sur cette page ? Dites-le-nous →](https://github.com/pixelersagency/leiho/issues/new?title=Docs%3A%20Introduction)