Premiers Pas
Ce guide vous accompagne à travers tout le processus : de la création d'un projet dans ThemeForge à un site WordPress fonctionnel avec du contenu éditable dans le panneau d'administration.
1. Créer un projet
- Connectez-vous à ThemeForge et allez dans Projets
- Cliquez sur « Nouveau projet » et saisissez l'adresse source. Si le site n'est qu'un dossier ou une archive (par exemple généré par une IA), cochez plutôt « La source sera téléversée sur le site » — voir « La source sur votre site ».
- Configurez les paramètres du projet : nom du thème, slug, pages à inclure
- Cliquez sur « Générer » — ThemeForge créera un fichier ZIP avec votre thème WordPress
Sources supportées
- Webflow — collez votre URL .webflow.io ou .webflow.com. ThemeForge téléchargera toutes les pages et ressources automatiquement
- HTML générique — tout site statique avec HTML/CSS/JS/images. Téléchargez en ZIP ou fournissez une URL
- HTML généré par IA — sites générés depuis Figma ou par des assistants IA avec les attributs ThemeForge déjà placés
2. Installer le thème
- Téléchargez le fichier ZIP généré depuis la page du projet
- Dans l'admin WordPress, allez à Apparence → Thèmes → Ajouter → Téléverser un thème
- Choisissez le fichier ZIP et cliquez sur Installer maintenant
- Cliquez sur Activer — votre thème est maintenant en ligne
Important : votre projet doit inclure une page d'accueil (/). Elle est obligatoire pour la génération du thème.
Le thème inclut automatiquement une page d'erreur 404 et une page de résultats de recherche — aucune configuration supplémentaire nécessaire.
Ce qui se passe après l'activation
- Toutes les pages de votre design sont créées comme pages WordPress
- Des champs personnalisés apparaissent dans le panneau admin pour chaque page (organisés par sections)
- Le panneau de paramètres du thème est disponible dans Apparence → Paramètres du thème
- CSS, JS, images et polices de votre design sont inclus dans le thème
Mise à jour à distance (alternative)
Au lieu de télécharger un ZIP, vous pouvez entrer l'URL de votre site WordPress dans les paramètres du projet. ThemeForge enverra le thème directement à votre installation WordPress.
3. Importer le contenu
Après l'installation du thème, vous devez importer le contenu (texte, images) de votre design dans WordPress. ThemeForge stocke tout le contenu du HTML dans un fichier pages.json dans le thème.
Ordre d'importation
Importez toujours dans cet ordre pour que les images soient disponibles quand les champs texte les référencent :
- D'abord les images — téléverse toutes les images du dossier images/ du thème dans la médiathèque WordPress
- Puis les données — remplit tous les champs texte, liens et références d'images pour chaque page
- Puis les menus — crée les menus de navigation WordPress avec tous les liens du design
Tout importer en une fois
Les boutons d'import se trouvent dans l'admin WordPress : Apparence → Paramètres du thème → onglet Panneau admin. Deux boutons :
- « Charger les médias » — téléverse toutes les images du dossier images/ du thème dans la médiathèque
- « Charger les données » — remplit tous les champs texte, liens et images pour toutes les pages
- Pour les menus, utilisez les boutons d'import sur la page Apparence → Menus (voir « Importer les menus » ci-dessous)
Importer des pages individuelles
Chaque page a ses propres boutons d'import. Ouvrez une page à éditer dans WordPress — dans la barre latérale, vous verrez la metabox « ThemeForge Import » (cliquez pour développer). Deux boutons : « Charger les données » et « Charger les médias ». L'import d'une page n'affecte pas les autres.
Particulièrement utile quand vous mettez à jour une seule page dans votre design et voulez la réimporter sans toucher au reste.
Importer les options du site
Les options globales (téléphone, email, logo) ont leur propre import. Allez dans Apparence → Paramètres du thème → onglet Options — la boîte « ThemeForge Import » apparaît dans la barre latérale.
Importer les menus
Allez dans Apparence → Menus — vous verrez « ThemeForge — Importer les menus depuis HTML ». Importez chaque menu individuellement ou tous à la fois.
Import et traduction pour plusieurs langues
Avec Polylang, chaque langue a sa propre « couche » de champs. En cliquant « Charger les données » sur une page traduite, le contenu original du design est importé dans les champs de cette langue. Vous pouvez ensuite le traduire avec l'assistant de traduction intégré — cliquez « Traduire » à côté d'un champ ou « Tout traduire » pour toute la page. Directement dans l'admin WordPress.
Comme les locales Webflow : chaque langue est une couche séparée. Importez le contenu de base, traduisez-le sur place — les champs de chaque langue sont indépendants.
4. Éditer le contenu dans le panneau du thème
Après l'importation, le contenu est éditable depuis le panneau admin. Le thème génère des champs pour les éléments avec des attributs ThemeForge. Important : seuls les éléments dans une section wp-fields-group ont des champs admin — les éléments sans wp-fields-group sont convertis en PHP mais n'ont pas de champs éditables.
Où trouver votre contenu
- Champs de page — éditez une page WordPress, faites défiler sous l'éditeur. Les champs sont groupés par sections avec des onglets
- Options globales (téléphone, email, logo) — Apparence → Paramètres du thème → onglet Options
- Configuration du thème (changement de backend, sécurité, extensions) — Apparence → Paramètres du thème
Secure Custom Fields vs ACF Pro
Par défaut, le thème utilise Secure Custom Fields — une extension WordPress.org gratuite qui fournit tous les types de champs d'ACF PRO sans licence. Vous préférez votre propre ACF PRO ? Installez-le, le thème l'utilise automatiquement. Les données de champ sont conservées dans tous les cas — aucune perte de contenu.
5. Multilingue (Optionnel)
Le support multilingue est optionnel — votre thème fonctionne parfaitement sans. Si vous avez besoin de plusieurs langues, installez Polylang (gratuit) ou WPML.
Configurer Polylang
- Installez et activez Polylang depuis WordPress → Extensions → Ajouter
- Allez dans Langues → Paramètres et ajoutez vos langues
- Le thème détecte Polylang automatiquement et affiche un sélecteur de langue dans les paramètres du thème
- Ouvrez une page traduite dans WordPress, cliquez « Charger les données » dans la metabox ThemeForge Import, puis utilisez les boutons « Traduire » pour traduire les champs
Assistant de traduction intégré
Le thème inclut un bouton de traduction en un clic. Changez de langue, cliquez « Traduire » — utilise Google Translate pour un brouillon. Il y a aussi « Tout traduire ».
6. Plugins compatibles
ThemeForge génère des thèmes WordPress standard compatibles avec la plupart des plugins populaires.
Testés et compatibles
- Yoast SEO / Rank Math — compatibilité totale
- Plugins de cache (WP Super Cache, W3 Total Cache, LiteSpeed Cache) — entièrement compatibles
- Polylang — intégration profonde : champs par langue, assistant de traduction, import par langue
- WPML — supporté : détection automatique, champs de langue fonctionnent correctement
- WooCommerce — support complet : pages produits, panier, paiement, filtres, produits variables
- ACF Pro — support natif comme backend alternatif
- Tout autre plugin WordPress — le thème est un thème WP standard, donc tout plugin compatible WordPress fonctionnera
Formulaires intégrés
Les thèmes ThemeForge incluent un système complet de formulaires — pas besoin de plugins tiers. Fonctionnalités : envoi SMTP, notifications Telegram, reCAPTCHA v3, anti-spam, auto-réponse, validation (JustValidate). Soumissions stockées dans WordPress avec export CSV. Configuration : Paramètres du thème → onglet Extensions.
7. Code personnalisé & Fichiers protégés
Besoin d'ajouter des fonctions PHP, CSS ou JavaScript personnalisés ? Deux options s'offrent à vous :
Plugin Code Snippets (recommandé)
Installez le plugin Code Snippets — il permet d'ajouter du PHP, CSS et JS directement depuis l'admin WordPress. Les snippets sont stockés en base de données et survivent à toute mise à jour du thème.
Fichiers utilisateur du thème
Le thème inclut des fichiers protégés qui ne sont jamais écrasés lors des mises à jour :
user-functions.php— fonctions PHP personnaliséescss/user.css— styles CSS personnalisés (chargés après le CSS du thème)js/user.js— JavaScript personnalisé
Vous pouvez aussi marquer n'importe quel fichier comme protégé en utilisant l'attribut wp_include dans votre HTML. Ces fichiers seront listés dans themeforge_protected.json.
Ordre de chargement CSS : main.css (votre design) → themeforge.css (surcharges générées) → user.css (vos personnalisations). user.css gagne toujours.
Ces fichiers sont préservés lors des mises à jour normales. Cependant, en cas de suppression et réinstallation complète du thème, ils peuvent être perdus. Pour les personnalisations critiques, Code Snippets est plus sûr.
8. Sauvegardes
Configurez des sauvegardes régulières et faites-en une avant les opérations critiques : import massif, changement de backend, mises à jour majeures.
Sauvegardes hébergeur
La plupart des hébergeurs proposent des sauvegardes automatiques quotidiennes. Vérifiez votre panneau d'hébergement (cPanel, Plesk, HestiaCP). C'est votre première ligne de défense.
Plugins de sauvegarde
- UpdraftPlus — sauvegardes programmées dans le cloud (Google Drive, Dropbox, S3)
- Duplicator — snapshots complets du site, idéal pour la migration
- All-in-One WP Migration — export/import simple en un clic
Conseil : configurez des sauvegardes automatiques périodiques (quotidiennes ou hebdomadaires) et faites-en une manuelle avant les opérations critiques. En cas de problème, vous restaurez en minutes.