Comment j'installe un kit de modèles WordPress en moins d'une heure (sans code) 

Vous avez trouvé un kit de modèles que vous aimez et vous voulez le mettre en ligne sur WordPress sans toucher au code. Ou vous en avez déjà téléchargé un depuis Envato ou Elementor et vous regardez un fichier ZIP sans savoir où il va.

Dans tous les cas, c'est faisable en quelques clics. J'ai récemment créé un site pour la boulangerie d'un ami avec le kit Café de SeedProd et il était en ligne en moins d'une heure, sans code. Dans ce guide, je vais vous montrer comment installer un kit de modèles dans WordPress pour les deux méthodes.

Qu'est-ce qu'un kit de modèle WordPress ?

Les kits de modèles WordPress sont une collection de modèles de pages et d'éléments préconçus qui vous permettent de créer un site web sans code. Ils ont un design moderne que vous pouvez personnaliser pour l'adapter à l'image de votre entreprise visuellement avec le glisser-déposer.

Les kits de modèles incluent tout ce dont vous avez besoin pour créer un site WordPress entièrement réactif. Par exemple, ils comprendront :

• Page de blog
• Page d'accueil
• En-tête
• Pied de page
• Page À propos
• Page de contact

Selon les fonctionnalités du kit, il peut également inclure d'autres pages pour les services, le portfolio, l'équipe, les témoignages, etc.

Ces kits peuvent aussi avoir plusieurs noms. Certaines entreprises peuvent les appeler kits de sites Web, ou modèles de sites Web, tandis que d'autres les appelleront modèles de démarrage WordPress. Ils font généralement la même chose : créer un site Web WordPress rapidement sans code.

Comment installer un kit de modèles dans WordPress (étape par étape)

La méthode la plus rapide pour la plupart des débutants est un kit de site Web SeedProd, qui s'installe en quelques clics directement depuis votre tableau de bord. SeedProd est un constructeur de sites Web par glisser-déposer avec plus d'un million d'utilisateurs, et il dispose d'une bibliothèque croissante de kits de sites Web professionnels que vous pouvez installer en un clic.

C'est la méthode que j'ai utilisée pour ce site de boulangerie, en ligne en moins d'une heure sans écrire une ligne de code. Si vous avez déjà téléchargé un kit d'Envato ou d'Elementor à la place, sautez à la section d'importation ZIP ci-dessous.

Comme les kits de SeedProd sont appelés Kits de sites Web, j'utiliserai cette terminologie à partir de maintenant. Suivez les étapes ci-dessous pour en installer un.

Étape 1 : Installer et activer le plugin SeedProd

La première étape consiste à télécharger une copie du plugin WordPress SeedProd. Pour utiliser les kits de sites Web de SeedProd, vous aurez besoin d'au moins un plan SeedProd Plus, qui est le niveau où le Générateur de thèmes et les Kits de sites Web complets sont débloqués.

Obtenez SeedProd ici.

Connectez-vous à votre tableau de bord de compte SeedProd et cliquez sur l'onglet Téléchargements. Sur cette page, vous pouvez télécharger le fichier .zip du plugin et copier votre clé de licence.

Après avoir téléchargé SeedProd, allez dans Plugins » Ajouter depuis votre zone d'administration WordPress et cliquez sur Ajouter. De là, cliquez sur le bouton choisir un fichier, sélectionnez le fichier du plugin SeedProd, et cliquez sur Installer maintenant.

Sur l'écran suivant, cliquez sur le lien Activer pour activer le plugin SeedProd sur votre site WordPress.

Maintenant que SeedProd est actif, allez à la page SeedProd » Réglages et entrez la clé de licence que vous avez copiée précédemment. Après l'avoir collée dans le champ Clé de licence, cliquez sur le bouton Activer la clé.

Avec votre clé de licence activée, il est temps d'installer un kit de site Web.

Étape 2 : Choisir un kit de modèles dans la bibliothèque

Les kits de site de SeedProd fonctionnent avec sa fonctionnalité Theme Builder. Pour en choisir un pour votre site web, allez dans SeedProd » Theme Builder et cliquez sur le bouton Thèmes.

Sur l'écran suivant, vous verrez la bibliothèque de kits de site de SeedProd. Elle comprend des designs épurés pour plusieurs secteurs d'activité, notamment :

• Voitures et entretien
• Applications mobiles
• Boutiques de commerce électronique
• Services professionnels
• Restaurants et cafés
• Blog et mode
• Hypothèques et immobilier
• Événements et jeux

Je vous montrerai comment les personnaliser plus tard, mais pour l'instant, survolez avec votre curseur le kit que vous aimez et cliquez sur l'icône de coche orange.

SeedProd ajoutera le kit complet dans votre tableau de bord du constructeur de thèmes sous forme d'une liste de parties de modèles personnalisables. Selon le kit que vous choisissez, il comprendra :

• Modèles d’en-tête et de pied de page
• Modèles de page d’accueil et de blog
• Modèles de page et d’article uniques
• Modèle CSS global

C'est la partie du processus que je trouve vraiment rapide. Pour ce site de boulangerie, j'ai choisi un kit avec un menu et un formulaire de contact intégrés, et toute la mise en page était en place avant que j'aie fini mon café.

Si vous choisissez un kit de site web avec des pages supplémentaires, vous pouvez les trouver en allant dans Pages » Toutes les pages depuis votre administration WordPress. Je couvrirai l'édition de celles-ci plus en détail plus tard.

Remarque : Si vous installez un kit de site eCommerce, vous aurez besoin d’une licence SeedProd Elite et du plugin WooCommerce actif.

Comment réutiliser un kit SeedProd sur un autre site

Parce que SeedProd vous permet de créer des thèmes WordPress personnalisés, vous pouvez construire vos propres kits de site web et les réutiliser sur des projets futurs. Cela vous évite de repartir de zéro à chaque fois.

Construisez votre kit personnalisé avec le constructeur de thèmes, puis exportez le fichier .zip en tant que thème WordPress personnalisé. Voici un guide sur l'exportation d'un thème WordPress SeedProd.

Vous pouvez ensuite importer le kit sur n'importe quel autre site avec une installation SeedProd active. Allez dans SeedProd » Importer/Exporter, cliquez sur Choisir un fichier sous l'en-tête Importer les fichiers de thème, et cliquez sur le bouton Importer les fichiers de thème.

Après quelques secondes, vous verrez une notification verte indiquant que l’importation a réussi.

Étape 3 : Activer le kit de modèle sur votre site WordPress

Les modèles de SeedProd sont désactivés par défaut afin de ne pas écraser votre thème actuel avant que vous ne soyez prêt. Remplacez le contenu de démonstration par le vôtre avant de terminer cette étape (je vous montrerai comment ci-dessous).

Pour rendre votre kit de site web actif et écraser votre thème WordPress actuel, allez à la page SeedProd » Theme Builder, trouvez le bouton Activer le thème SeedProd, et basculez-le sur la position « On ».

Vous pouvez maintenant prévisualiser votre nouveau kit de site web dans WordPress.

L'installation de kits de site web dans WordPress avec SeedProd ne prend que quelques clics. Ensuite, je couvrirai l'autre méthode, l'importation d'un kit que vous avez téléchargé depuis Envato ou Elementor.

Comment installer un kit ZIP Envato ou Elementor

Si vous êtes arrivé avec un kit déjà téléchargé depuis Envato Elements ou créé pour Elementor, vous l'importez avec un plugin gratuit appelé Template Kit Import. Il lit le ZIP, configure les modèles et vous indique quels plugins le kit nécessite pour fonctionner.

Une chose à savoir est qu'Envato a abandonné son propre plugin de kits de modèles Elements, donc l'ancienne méthode décrite dans de nombreux anciens guides ne fonctionne plus. Le chemin actuel est le plugin gratuit Template Kit Import sur wordpress.org.

Pour l'installer, allez dans Plugins » Ajouter, recherchez "Template Kit Import", puis installez-le et activez-le. Une fois actif, allez dans Outils » Template Kit et téléchargez votre fichier ZIP.

L'importateur analyse le kit et liste tous les plugins requis (souvent Elementor et un module complémentaire spécifique au kit). Installez-les d'abord, puis relancez l'importation pour intégrer les modèles.

Que faire lorsqu'un kit s'importe vide ou génère des erreurs

Une importation vide ou échouée est presque toujours due à un plugin requis manquant. L'outil d'importation signale ceux-ci en haut de l'écran, alors installez tout ce qu'il liste et réimportez.

Pour les kits Elementor spécifiquement, vérifiez que le paramètre flex-container correspond à ce pour quoi le kit a été conçu. Si les mises en page semblent cassées après l'importation, cette incompatibilité en est généralement la cause, et le changement du paramètre avant la réimportation le résout.

Comment personnaliser votre kit de modèle dans WordPress

Après avoir installé un kit, vous voudrez probablement changer quelques éléments. Avec l'éditeur visuel par glisser-déposer de SeedProd, les trois éléments que vous toucherez en premier sont le logo, le contenu de la page, et vos couleurs et polices globales.

Ajoutez le logo de votre site web. Allez dans SeedProd » Constructeur de thèmes, trouvez la partie de modèle En-tête, et cliquez sur le lien Modifier la conception.

L'en-tête s'ouvre dans l'éditeur visuel, où vous pouvez cliquer, glisser et déposer pour le personnaliser.

Cliquez sur le logo par défaut dans l'aperçu en direct pour ouvrir ses paramètres dans le panneau de gauche, puis cliquez sur l'icône de la corbeille pour supprimer l'image du logo. Vous pouvez maintenant télécharger un logo personnalisé depuis votre médiathèque, ajouter un lien vers l'image, et ajuster sa taille et son alignement.

Vous pouvez également personnaliser le menu de navigation, la boîte de recherche et les liens vers les réseaux sociaux ici. Lorsque vous êtes satisfait, cliquez sur le bouton Enregistrer dans le coin supérieur droit et vérifiez le nouvel en-tête sur la partie visible de votre site.

Remplacez le contenu de démonstration. Les kits sont livrés avec du contenu de démonstration pour que vous puissiez visualiser le site fini, mais vous devrez le remplacer par les détails de votre entreprise. J'ai utilisé le kit de modèles Freelancer pour créer rapidement des pages de destination pour des projets de portfolio.

Au lieu de partir de zéro, je remplace simplement le texte et les images et je publie. C'est parfait pour des petits boulots ou du travail client, et cela utilise les mêmes principes que la personnalisation de l'en-tête.

Pour personnaliser votre page d'accueil WordPress, cliquez sur le lien Modifier la conception sur le modèle Page d'accueil. Cliquer sur n'importe quel titre vous permet de modifier le texte directement sur l'aperçu ou dans le panneau des paramètres de contenu.

Vous pouvez échanger les images de la même manière que le logo, et modifier les boutons d'appel à l'action pour augmenter les clics et les conversions.

Astuce de pro : Les blocs de boutons de SeedProd disposent de modèles prédéfinis pour un style facile. Cliquez sur l'onglet Modèles dans le panneau des paramètres et sélectionnez n'importe quel style de bouton en un seul clic.

Pour les pages de contenu comme À propos, Contact et Services, allez dans Pages » Toutes les pages depuis votre administrateur WordPress, car ce ne sont pas des parties de modèle.

Cliquez sur le lien Modifier avec SeedProd pour ouvrir la page dans l'éditeur visuel. La personnalisation fonctionne de la même manière : cliquez n'importe où sur l'aperçu pour modifier, et faites glisser les blocs du menu des blocs pour ajouter d'autres éléments.

Par exemple, vous pouvez supprimer le bloc de formulaire d'inscription avec l'icône de corbeille, puis faire glisser le bloc Formulaire de contact pour ajouter votre formulaire de contact WPForms formulaire de contact.

Définissez vos couleurs et polices globales. Pour faire correspondre votre image de marque sur l'ensemble du site, cliquez sur le lien Modifier le design sur le modèle CSS global du tableau de bord Theme Builder. Développez un en-tête et modifiez les paramètres selon vos besoins.

Vous pouvez choisir des couleurs personnalisées pour les liens, les boutons, le texte et les arrière-plans, et définir votre typographie, votre mise en page et votre CSS personnalisé. Les modifications s'appliquent automatiquement à l'ensemble de votre site.

FAQ sur l'installation des kits de modèles WordPress

Comment installer un kit de modèles ZIP Envato ou Elementor dans WordPress ?

Installez le plugin gratuit Template Kit Import depuis wordpress.org, puis allez dans Outils » Template Kit et téléchargez votre fichier ZIP. L'importateur lit le kit et liste les plugins dont il a besoin.

Installez d'abord ces plugins requis, puis relancez l'importation pour importer les modèles.

Le plugin de kit de modèles Envato a disparu, comment puis-je importer un kit maintenant ?

Envato a arrêté son propre plugin de kit de modèles Elements, donc les anciennes instructions ne s'appliquent plus. La méthode actuelle est le plugin gratuit Template Kit Import sur wordpress.org.

Installez-le et activez-le, puis téléchargez votre kit ZIP sous Outils » Template Kit.

Pourquoi mon kit de modèles s'importe-t-il vide ou affiche-t-il des exigences manquantes ?

Une importation vide ou échouée signifie généralement qu'un plugin requis n'est pas encore installé. L'outil d'importation signale ceux-ci en haut de l'écran, alors installez tout ce qu'il liste et réimportez.

Pour les kits Elementor, une mise en page incorrecte est souvent due au fait que le paramètre flex-container ne correspond pas à ce que le kit attend.

Les kits de modèles fonctionnent-ils avec l'éditeur de blocs sans constructeur de page ?

La plupart des kits de modèles sont conçus pour un constructeur spécifique comme SeedProd ou Elementor, vous les installez donc via ce plugin plutôt que via l'éditeur de blocs standard. Les « motifs » basés sur les blocs existent dans le cœur de WordPress, mais ce ne sont pas les mêmes que les kits complets.

Pour un kit sans code qui s'installe en quelques clics, un constructeur comme SeedProd est la voie la plus simple.

L'installation d'un kit de modèles effacera-t-elle mon contenu actuel ?

Pas immédiatement. Des outils comme SeedProd vous permettent de prévisualiser et de personnaliser un kit avant de l'activer. Sauvegardez simplement votre site d'abord et remplacez le contenu de démonstration avant de mettre en ligne.

Puis-je utiliser le même kit de modèles sur plusieurs sites Web ?

Oui, tant que votre licence le permet. Avec SeedProd Pro, par exemple, vous pouvez exporter votre kit de modèles personnalisé et le réutiliser sur d'autres sites WordPress.

Prochaines étapes

Vous avez commencé avec un kit et aucun chemin clair pour le mettre en ligne, et maintenant vous en avez un, sans code requis. SeedProd facilite la personnalisation de n'importe quelle partie de votre site WordPress sans apprendre à coder ou embaucher un développeur.

Commencez avec SeedProd dès aujourd'hui

Voici d'autres guides qui pourraient vous être utiles pour votre site Web professionnel :

• Comment créer des séparateurs de section fantaisie pour les sites Web WordPress
• Comment créer une page de blog sur WordPress
• Comment personnaliser facilement votre page de boutique WooCommerce

Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.