Introduction

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).