Comment créer facilement un thème WordPress personnalisé (sans code)

Voulez-vous créer un thème WordPress personnalisé à partir de zéro ?

Auparavant, il fallait suivre des tutoriels WordPress compliqués et avoir de bonnes connaissances en codage pour créer un thème WordPress personnalisé. Mais grâce aux nouveaux constructeurs de thèmes WordPress, vous pouvez facilement en créer un sans apprendre aucune compétence en programmation.

Dans cet article, nous allons vous montrer comment créer facilement un thème WordPress personnalisé sans écrire une seule ligne de code.

Voici la liste des sujets que nous allons aborder dans cet article.

• Créer un thème WordPress personnalisé pour débutants
• Créer un thème personnalisé avec SeedProd Theme Builder
• Modifier un thème avec SeedProd Theme Builder
• Changer le design de votre thème pour l'ensemble du site
• Appliquer et publier votre thème WordPress personnalisé
• Créer d'autres mises en page pour votre thème WordPress personnalisé

Prêt ? Commençons.

Tutoriel vidéo

S'abonner à WPBeginner

Si vous préférez des instructions écrites, continuez à lire.

Créer un thème WordPress personnalisé pour débutants

Un site web WordPress utilise un thème pour la mise en page et le design du site. Ces thèmes sont composés de fichiers de modèles écrits en PHP, HTML, CSS et JavaScript.

Généralement, vous devriez avoir une bonne compréhension de tous ces langages de conception web ou engager un développeur web pour créer un thème WordPress personnalisé.

Si vous avez engagé un développeur ou une agence, alors le coût d'un thème WordPress personnalisé peut atteindre des milliers de dollars.

Comme de nombreux propriétaires de petites entreprises ne pouvaient pas se permettre les coûts élevés d'un thème WordPress personnalisé, beaucoup d'entre eux se contentaient de thèmes par défaut. Ceux qui ne voulaient pas se contenter utilisaient un constructeur de pages WordPress ou un framework de thème pour créer un thème personnalisé.

Bien que les frameworks de thèmes WordPress aient facilité la création d'un thème WordPress, ils constituent une solution pour les développeurs, et non pour le propriétaire moyen d'un site web.

D'autre part, les plugins de constructeur de pages WordPress rendaient super facile la création de mises en page personnalisées à l'aide d'une interface glisser-déposer, mais ils étaient limités aux mises en page de pages uniques uniquement. Vous ne pouviez pas créer de thèmes personnalisés avec eux.

C'est là qu'intervient SeedProd.

C'est le meilleur plugin de création de thèmes WordPress qui vous permet de créer facilement un thème WordPress personnalisé sans écrire de code.

SeedProd est un constructeur de pages WordPress glisser-déposer pour les entreprises, les blogueurs et les propriétaires de sites web. Il est également doté d'un nouveau concepteur de thèmes personnalisés qui vous permet de pointer et de cliquer pour modifier n'importe quel élément.

Vous pouvez également ajouter des éléments de conception couramment utilisés à votre thème par glisser-déposer.

La meilleure chose à propos du constructeur de thèmes SeedProd est qu'il est indépendant du thème. Cela signifie qu'il ne dépend pas de votre thème WordPress existant pour le style ou la fonctionnalité, vous donnant une liberté et un contrôle complets sur la conception de votre site web.

Si vous cherchez une alternative, vous pouvez également créer facilement un thème WordPress personnalisé avec le plugin Thrive Theme Builder.

Cela dit, examinons comment créer votre thème WordPress personnalisé sans écrire une seule ligne de code en utilisant SeedProd.

Créer un thème personnalisé avec SeedProd Theme Builder

La configuration du constructeur de thème SeedProd est assez simple, car il fonctionne avec n'importe quel site WordPress utilisant n'importe quel thème.

Tout d'abord, vous devez installer et activer le plugin SeedProd. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Remarque : Vous aurez besoin au minimum du plan Pro ou Elite pour débloquer le constructeur de thème.

Upon activation, go to the SeedProd » Settings page to enter your plugin license key. You can find this information under your account on the SeedProd website.

Après avoir saisi votre clé de licence, vous êtes maintenant prêt à créer votre thème WordPress personnalisé en utilisant le constructeur de thème SeedProd.

Créer votre propre thème WordPress personnalisé avec SeedProd est assez simple.

Tout d'abord, vous devez vous rendre sur la page SeedProd » Theme Builder. Ici, vous verrez la liste des modèles pour votre thème personnalisé SeedProd actuel. Comme nous n'avons pas encore commencé, nous n'avons qu'un modèle CSS global. Nous vous montrerons comment l'utiliser plus tard dans ce tutoriel.

Pour commencer, vous avez deux options.

• Utiliser l'un des thèmes SeedProd prêts à l'emploi comme point de départ
• Créer manuellement des modèles de thème à partir de zéro

Examinons comment ces options fonctionnent.

1. Commencer avec un thème prêt à l'emploi (recommandé)

Nous vous recommandons de commencer avec un thème existant. Cela permet à SeedProd de générer automatiquement tous les fichiers de modèle. Ce sont des thèmes complets conçus par des professionnels, ce qui vous donne une longueur d'avance pour modifier les modèles selon vos propres besoins.

Cliquez simplement sur le bouton Thèmes et choisissez l'un des thèmes disponibles. Il existe différents thèmes pour différents types de sites Web, vous pouvez donc en choisir un qui correspond le mieux à vos besoins.

Ne vous inquiétez pas trop du design et de la mise en page à ce stade. Tous ces thèmes sont entièrement modifiables, vous pouvez donc en modifier chaque aspect à l'intérieur du constructeur de thèmes.

Une fois que vous avez choisi un thème, SeedProd générera tous les modèles de thème.

Ceci est la version brouillon de votre thème WordPress personnalisé.

Plus tard dans ce tutoriel, nous vous montrerons comment modifier ces fichiers de thème pour concevoir votre thème, puis publier votre thème pour l'appliquer sur votre site Web.

2. Créer manuellement des modèles de thème à partir de zéro

Alternativement, vous pouvez commencer votre thème à partir de zéro en cliquant sur le bouton 'Ajouter un nouveau modèle de thème'. Vous devrez donner un nom à votre modèle, puis choisir l'un des types de modèles pour commencer.

Actuellement, vous avez la possibilité de choisir parmi les types de modèles suivants :

• En-tête
• Pied de page
• Article unique
• Page unique
• Archive
• Résultats de recherche
• Partie globale
• Page personnalisée

Vous pouvez également définir des conditions pour l'utilisation d'un modèle. Par exemple, vous pouvez l'appliquer à l'ensemble du site ou à une section spécifique de votre site Web.

Une fois que vous avez enregistré le modèle, SeedProd l'ouvrira dans le constructeur de thèmes où vous pourrez commencer à le modifier.

Modifier un thème avec SeedProd Theme Builder

Une fois que vous avez généré vos modèles de thèmes, vous pouvez les modifier à l'aide du constructeur de thèmes SeedProd.

Cliquez simplement sur le lien Modifier la conception sous un fichier modèle pour le modifier.

Cela lancera le fichier modèle dans le constructeur de thèmes SeedProd.

Vous verrez un aperçu en direct du modèle dans la colonne de droite avec un panneau d'édition dans la colonne de gauche.

Pour modifier un élément de votre fichier modèle, vous pouvez simplement pointer et cliquer pour le modifier.

Selon le type d'élément, vous verrez différentes options d'édition dans la colonne de gauche. Vous pourrez changer les polices, les couleurs, l'arrière-plan, l'espacement, et plus encore.

Pour ajouter de nouveaux éléments, vous pouvez ajouter des blocs SeedProd depuis la colonne de gauche. Il est livré avec un tas de types de blocs que vous pouvez ajouter à votre modèle.

1. Blocs d'étiquettes de modèle

Les blocs d'étiquettes de modèle sont les blocs dynamiques qui vous permettent de générer des éléments de thème à la volée à partir de votre base de données WordPress.

Par exemple, vous pouvez utiliser le bloc Articles pour lister vos articles récents ou le bloc Contenu de l'article pour afficher le contenu de l'article ou de la page actuellement affiché.

2. Blocs standard

Ensuite, vous avez vos blocs standard pour ajouter des éléments de conception Web courants au modèle de votre thème.

Vous pouvez les utiliser pour ajouter du texte, des médias, des boutons, des colonnes, des séparateurs, et plus encore.

3. Autres blocs

D'autres blocs avancés vous permettent d'ajouter des formulaires de contact, des profils sociaux, des boutons de partage, des shortcodes WordPress, des cartes Google, des listes de prix, des compteurs, et plus encore.

SeedProd offre également une intégration complète avec WooCommerce.

Si vous gérez une boutique en ligne, vous pouvez utiliser les blocs WooCommerce dans votre thème.

Vous pouvez créer des modèles WooCommerce entièrement personnalisés avec une page de panier personnalisée et une expérience de paiement.

Utiliser des sections pour des mises en page de thème rapides

En dehors des blocs, vous pouvez également ajouter des sections complètes au modèle de votre thème.

Basculez simplement vers l'onglet Sections sous le panneau Conception.

Les sections sont des groupes de blocs pour différentes zones de la conception de sites Web. Par exemple, vous trouverez des sections prêtes à l'emploi pour votre en-tête, votre pied de page, vos appels à l'action, vos fonctionnalités, et plus encore.

Cliquez simplement sur une section pour l'ajouter à votre modèle de thème, puis modifiez-la selon vos besoins.

Utiliser le constructeur de site Web IA pour générer instantanément du contenu

SeedProd propose également un puissant constructeur de site Web IA qui créera automatiquement du contenu écrit pour votre modèle de thème. Vous pouvez générer instantanément des titres accrocheurs, des descriptions, des appels à l'action, du texte de corps, et plus encore.

Cliquez simplement sur n'importe quel bloc Titre ou Texte du constructeur SeedProd pour ouvrir le panneau des paramètres sur le côté gauche. Ensuite, cliquez sur le bouton « Générer du texte IA ».

Ensuite, tapez une invite dans le champ de texte, qui est essentiellement une description de ce que vous voulez que l'assistant IA écrive pour vous. Ou, vous pouvez choisir une invite suggérée dans la liste.

Après cela, cliquez sur le bouton « Générer du texte ».

En quelques secondes, SeedProd créera automatiquement le contenu pour vous. À partir de là, vous pouvez optimiser le texte, changer le ton et même traduire le texte dans plus de 50 langues.

Lorsque vous êtes satisfait du contenu, cliquez sur le bouton « Insérer » pour l'ajouter à votre modèle de thème.

Vous pouvez également utiliser l'intégration DALL-E du constructeur de site Web IA pour générer automatiquement des images originales pour votre thème.

Faites simplement glisser un bloc d'image sur votre page et cliquez dessus pour ouvrir le panneau des paramètres. Ensuite, cliquez sur le bouton « Ajouter avec l'IA ».

Ensuite, tapez une description de l'image que vous souhaitez créer et cliquez sur le bouton « Générer l'image ».

Une fois l'image générée, SeedProd l'affichera. Pour ajouter l'image à votre modèle de thème, cliquez sur le bouton « Insérer ».

Vous pouvez également modifier l'image avec l'IA, ainsi que générer des variations de l'image, afin qu'elle corresponde exactement à la vision que vous aviez en tête.

Enregistrement et publication de votre modèle

Une fois que vous êtes satisfait de la conception, vous pouvez simplement cliquer sur le bouton Enregistrer et sélectionner Publier pour enregistrer votre modèle.

Répétez le processus pour modifier d'autres fichiers de modèle selon vos besoins en contenu et en conception.

Changer le design de votre thème pour l'ensemble du site

Lors de la modification de vos modèles de thème, vous voudrez vous assurer que votre conception est cohérente sur l'ensemble de votre site Web.

Par exemple, vous voudrez probablement utiliser le même style de typographie, tailles de police, couleurs et autres styles visuels sur chaque page.

Dans les thèmes WordPress traditionnels, vous deviez le faire manuellement en modifiant des fichiers CSS complexes. Ce processus nécessitait l'utilisation de l'outil Inspecter du navigateur, la localisation des classes CSS, l'apprentissage du code, et plus encore.

SeedProd rend cela aussi très facile.

Au lieu de écrire du code CSS, vous pouvez simplement modifier le modèle CSS global.

Le modèle CSS global vous permet de prévisualiser les éléments courants du site Web, puis vous pouvez simplement cliquer dessus pour modifier leurs propriétés.

Appliquer et publier votre thème WordPress personnalisé

Une fois que vous êtes satisfait de votre thème WordPress personnalisé, la dernière étape consiste à l'activer sur votre site Web WordPress.

SeedProd vous permet d'appliquer votre thème WordPress personnalisé avec un simple interrupteur.

Allez simplement sur la page SeedProd » Theme Builder et basculez l'interrupteur à côté de l'option « Activer le thème SeedProd » sur « Oui ».

SeedProd remplacera maintenant le thème WordPress existant par le thème WordPress personnalisé que vous avez créé.

Vous pouvez maintenant visiter votre site Web pour voir votre thème WordPress personnalisé en action.

Créer d'autres mises en page pour votre thème WordPress personnalisé

Maintenant que vous avez créé votre thème WordPress personnalisé, vous avez la possibilité d'étendre ses fonctionnalités et de créer d'autres conceptions et mises en page basées sur votre thème.

SeedProd rend cela extrêmement facile.

Vous pouvez toujours ajuster votre thème WordPress personnalisé et créer plusieurs modèles pour différentes sections de votre site Web.

Par exemple, vous pourriez vouloir ajouter un nouveau modèle d'en-tête à votre thème qui n'est affiché que sur des catégories spécifiques.

De même, vous pourriez vouloir créer un modèle pour des pages ou des articles spécifiques.

Vous pouvez également l'ajouter à votre thème.

Que diriez-vous de créer des pages de destination personnalisées ?

SeedProd s'occupe également de cela.

Vous pouvez simplement aller dans SeedProd » Pages de destination et cliquer sur le bouton Ajouter une nouvelle page de destination pour en créer une.

Pour plus de détails, consultez notre tutoriel sur comment créer une page de destination avec WordPress.

En utilisant le constructeur de thèmes convivial de SeedProd, avec sa fonction glisser-déposer, vous pouvez facilement créer tout type de mise en page personnalisée dont vous avez besoin.

Nous espérons que cet article vous a aidé à apprendre comment créer un thème WordPress personnalisé sans avoir à coder. Vous voudrez peut-être aussi consulter notre guide sur la façon de accélérer votre site WordPress pour un meilleur référencement et une meilleure expérience utilisateur, ou notre sélection des meilleures solutions d'analyse pour WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.