Transformez un site HTML en thème WordPress que votre client peut modifier
Balisez les textes, images et listes que votre client doit pouvoir changer. ThemeForge génère un thème WordPress classique où chacun d’eux devient un champ dans l’administration, et vous pourrez changer le design plus tard sans toucher à son contenu.
Découvrez votre administration WordPress avant de payer · 20 $/mois · résiliable à tout moment · remboursement sous 14 jours
menu.html
contacts.html
theme-options.html
css/ style.css
assets/ 12 images
page-menu.php
page-contacts.php
Paramètres du site
css/ main.css
champs : 53 · listes : 3
Oui. Donnez à ThemeForge l’URL publiée de votre site ou importez son dossier. Ajoutez des attributs comme fld-text et fld-loop aux parties que votre client doit pouvoir modifier : vous obtenez un thème WordPress où ces parties sont des champs d’administration. Les pages, les styles, les images et les polices suivent. Le contenu que JavaScript affiche dans le navigateur, lui, ne suit pas, car il ne figure pas dans le HTML.
La liste des boissons d’un café, avant et après sa transformation en thème
Survolez une ligne du balisage pour voir le champ qu’elle devient.
<body wp-fields-group="Menu"> <h2 fld-text="Title">Menu</h2> <p fld-area="Lead">Espresso runs on our…</p> <div class="cards" fld-loop="Drinks"> <article class="card"> <img fld-image="Image" src="assets/icon-latte.png"> <h3 fld-text="Name">Latte</h3> <p fld-text="Description">Double espresso…</p> <span fld-text="Price">$4.20</span> </article> …trois autres cartes, balisées de la même façon </div>
Warm Corner, notre site de démonstration : 3 pages et une page de réglages → 4 groupes de champs, 53 champs, 3 listes. Le client ajoute, supprime et réordonne les lignes ; le design ne change pas.
Ce qui entre, ce qui sort
Vous apportez
- Des pages HTML statiques :
index.htmlet les autres - Le CSS, les images et les polices en chemins relatifs
- Une URL publiée ou le dossier depuis votre disque
- Des sites écrits par Claude, Cursor ou ChatGPT
Vous obtenez
- Un thème PHP classique au format ZIP
- Un modèle pour chaque page
- Des champs d’administration pour tout ce que vous avez balisé
- Les paramètres du site issus de
theme-options.html - Les menus et des formulaires fonctionnels
Adapté
- Sites d’entreprise et de services
- Pages d’atterrissage et portfolios
- Blogs, catalogues, petites boutiques
- Sites que vous livrez à un client
Pas adapté
- Applications avec connexion ou leur propre base de données
- Projets React ou Next.js tels quels
- Pages conçues pour Elementor ou Gutenberg
Trois étapes d’un dossier HTML à un site que votre client gère lui-même
- Étape 1
Balisez les champs
Ouvrez chaque fichier HTML et ajoutez un attribut à chaque élément que le client doit pouvoir changer ; la référence des attributs les classe par tâche. La vérification gratuite du balisage vous signale ce qui manque avant la génération.
- Étape 2
Prévisualisez l’administration
Indiquez à votre projet l’URL publiée. Une vingtaine de secondes plus tard, une administration WordPress complète s’ouvre dans un onglet de votre navigateur, avec les pages, les listes et les paramètres du site remplis à partir de votre HTML.
- Étape 3
Installez et livrez
Abonnez-vous, téléchargez le thème et installez-le comme n’importe quel autre. Ensuite, un bouton dans wp-admin récupère une nouvelle version ; une mise à jour qui échoue s’annule d’elle-même. Pour un site ajouté sous forme de dossier, gardez sa source sur le site pour utiliser ce bouton.
Le travail qu’un développeur ferait sinon
| Refaire à la main | ThemeForge | |
|---|---|---|
| Modèles | Découper chaque page en fichiers PHP | Générés à partir de vos pages |
| Champs d’administration | Déclarer chaque champ et le brancher dans le modèle | Un attribut par champ, dans le HTML |
| Vos textes actuels | Les ressaisir dans l’administration | « Charger les données » remplit les champs à partir de vos pages |
| La prochaine refonte | Recommencer presque tout | Régénérer le thème ; les champs et le contenu restent |
| Formulaires | Installer et configurer une extension de formulaires | Vos formulaires fonctionnent, chaque demande est enregistrée dans l’administration |
À savoir avant de commencer
Le contenu affiché par JavaScript
Si une liste ou un texte n’apparaît qu’après l’exécution d’un script, il ne figure pas dans le HTML et ne peut pas devenir un champ. Placez-le d’abord dans le balisage.
Chaque ligne d’une liste a besoin de ses attributs
La première ligne définit les champs. Balisez les autres lignes de la même façon pour qu’elles soient toutes importées dans l’administration.
Un champ renommé repart vide
Les champs sont associés par leur nom. Renommez-en un dans le balisage et le thème régénéré l’affichera vide : gardez donc des noms stables une fois que le client les a remplis.
Installez une extension, et le même balisage en fait davantage
Site créé avec un assistant IA ? Laissez-le baliser
Donnez un seul lien à Claude, Cursor ou ChatGPT. Il y lit où placer les attributs, balise le site et vérifie son propre travail selon les mêmes règles que le générateur.
- themeforge.pro/ai · les règles en texte brut pour les assistants
- Vérification du balisage · gratuite, sans compte, avant la génération
- Guide du balisage · les mêmes règles, écrites pour les humains
# Dites à votre assistant Lis https://themeforge.pro/ai et balise ce site pour que le client puisse modifier la carte. # Vérifiez le résultat avant la génération curl -X POST https://themeforge.pro/api/validate-markup \ -H "Content-Type: application/json" \ -d '{"pages":[{"name":"index.html","html":"…"}]}'
Votre site vit ailleurs ?
- Inscrivez-vous
- Prévisualisez votre administration
- Abonnez-vous
- Téléchargez et mettez à jour
Résiliable à tout moment · remboursement sous 14 jours · votre site continue de fonctionner après la résiliation
Du HTML à WordPress : vos questions
Je modifie souvent le HTML. Les modifications du client survivront-elles ?
Oui, tant que les noms des champs restent les mêmes. Le texte saisi par votre client vit dans WordPress ; chaque nouvelle génération du HTML ne remplace que les modèles et les styles.
Quelles pages de mon site deviennent des modèles ?
Toujours la page d’accueil, plus chaque page que vous listez dans le projet. Chaque page devient un modèle, et le client peut créer d’autres pages à partir de n’importe lequel d’entre eux ; chaque nouvelle page reçoit sa propre copie des champs.
À quoi sert theme-options.html ?
Placez-y ce qui se répète sur toutes les pages : téléphone, adresse, liens vers les réseaux sociaux, texte du pied de page. Le tout devient un seul écran de réglages dans l’administration, au lieu d’un champ sur chaque page.
Mes textes existants passent-ils dans l’administration ?
Oui. Après l’installation, « Charger les données » remplit les champs avec les textes et les images de votre HTML : le client part du site actuel, pas de cases vides.
Peut-on l’essayer gratuitement ?
La vérification du balisage est gratuite et sans compte ; l’aperçu de l’administration demande un compte gratuit. Le téléchargement et la mise à jour du thème font partie de l’abonnement à 20 $, remboursable sous 14 jours.