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

Vous souhaitez créer un thème WordPress personnalisé à partir de zéro ?

Dans le passé, vous deviez suivre des tutoriels WordPress compliqués et avoir des connaissances de codage décentes pour construire un thème WordPress personnalisé. Mais grâce aux nouveaux constructeurs de thèmes WordPress, vous pouvez désormais en créer un facilement sans avoir besoin d’acquérir des compétences en programmation.

Dans cet article, nous allons vous afficher comment créer facilement un thème WordPress personnalisé sans écrire le moindre code.

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

Vous êtes prêts ? Premiers pas.

Tutoriel vidéo

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

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

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

En règle générale, vous devez avoir une bonne connaissance de tous ces langages de conception web ou faire appel à un développeur/développeuse web pour créer un thème WordPress personnalisé.

Si vous avez fait appel à un développeur/développeuse ou à une agence, alors le coût d’un thème WordPress personnalisé peut atteindre plusieurs milliers d’euros.

Étant donné que 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 contentent des thèmes par défaut. Ceux qui n’ont pas voulu se contenter d’un thème par défaut ont utilisé un constructeur de pages WordPress ou un framework de thème pour personnaliser leur thème.

Bien que les frameworks de thèmes WordPress aient facilité la construction d’un thème WordPress, ils constituent une solution pour les développeurs/développeuses, et non pour un propriétaire de site moyen.

D’autre part, les extensions de constructeurs de pages WordPress permettaient de créer très facilement des mises en page personnalisées à l’aide d’une interface de type glisser-déposer, mais elles étaient limitées à des mises en page uniques uniquement. Ils ne permettaient pas de créer des thèmes personnalisés.

C’est là que SeedProd intervient.

C’est le meilleur plugin de construction de thème WordPress qui vous autorise à créer facilement un thème WordPress personnalisé sans écrire de code.

SeedProd est un constructeur de page WordPress drag and drop pour les entreprises, les blogueurs et les propriétaires de sites. Il est également maintenant livré avec un nouveau concepteur de thème personnalisé qui vous permet de simplement pointer et 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ème SeedProd est qu’il est agnostique au niveau des thèmes. Cela signifie qu’il ne dépend pas de votre thème WordPress existant pour le style ou la fonctionnalité, ce qui vous donne une liberté et un contrôle total sur la conception de votre site.

Si vous cherchez une alternative, vous pouvez également créer facilement un thème WordPress personnalisé avec l’extension Thrive Theme Constructeur.

Ceci étant dit, voyons comment créer votre thème WordPress personnalisé sans écrire de code à l’aide de SeedProd.

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

Le réglage du Constructeur de thème SeedProd est assez simple, puisqu’il fonctionne avec n’importe quel site WordPress utilisant n’importe quel thème.

Tout d’abord, vous devez installer et activer l’extension SeedProd. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Note : Vous devez avoir au moins l’offre Pro ou Elite pour déverrouiller le constructeur de thèmes.

Lors de l’activation, allez sur la page  » Réglages  » de SeedProd pour saisir la clé de licence de votre extension. Vous pouvez trouver cette information sous votre compte sur le site de SeedProd.

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 très simple.

Titre, vous devez vous rendre sur la page SeedProd  » Constructeur de Thème. Là, vous verrez la liste des modèles pour votre thème personnalisé SeedProd actuel. Puisque nous n’avons pas encore commencé, nous avons uniquement un Modèle CSS global. Nous vous afficherons comment l’utiliser ultérieurement dans ce tutoriel.

Pour Premiers pas, deux options s’offrent à vous.

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

Voyons comment fonctionnent ces options.

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

Nous recommandons de commencer avec un thème existant. Cela permet à SeedProd de générer automatiquement tous les fichiers de modèles. Il s’agit de thèmes terminés conçus par des professionnels, ce qui vous donne une longueur d’avance pour modifier les modèles en fonction de vos propres prérequis.

Il vous suffit de cliquer sur le bouton Thèmes et de choisir l’un des thèmes disponibles. Il existe différents thèmes pour différents types de sites, vous pouvez donc choisir celui qui correspond le mieux à vos besoins.

Ne vous inquiétez pas trop de la conception 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ème.

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

Il s’agit de la version brouillon de votre thème WordPress personnalisé.

Ultérieurement dans ce tutoriel, nous vous afficherons comment modifier ces fichiers de thème pour concevoir votre thème, puis publier votre thème pour l’appliquer sur votre site.

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

Vous pouvez également créer 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 Premiers pas.

Actuellement, vous avez l’option de choisir parmi les types de modèles suivants :

• en-tête
• Pied de page
• Publication unique
• Page unique
• Archives
• Résultats de la recherche
• Partie globale
• Outil de personnalisation

Vous pouvez également définir les conditions d’utilisation d’un Modèle. Par exemple, vous pouvez l’appliquer à l’ensemble du site ou à une section spécifique de votre site.

Une fois le Modèle enregistré, SeedProd l’ouvrira dans le Constructeur de thème où vous pourrez commencer à le modifier.

Modifier un thème avec SeedProd Theme Constructeur

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 de SeedProd.

Il suffit de cliquer sur le lien Modifier le modèle situé sous un fichier de modèle pour le modifier.

Cela lancera le fichier du Modèle dans le Constructeur de thème de SeedProd.

Vous verrez une Prévisualisation en direct du Modèle dans la colonne de droite avec un panneau de modification dans la colonne de gauche.

Pour modifier un article dans votre fichier de modèle, il vous suffit de pointer et de cliquer pour le modifier.

Selon le type d’article, vous verrez différentes options de modification dans la colonne de gauche. Vous pourrez modifier les polices, les couleurs, l’arrière-plan, l’espacement, etc.

Pour ajouter de nouveaux articles, vous pouvez ajouter des blocs SeedProd dans la colonne de gauche. Il est livré avec un tas de types de blocs que vous pouvez ajouter à votre Modèle.

1. Blocs de marqueurs de modèles

Les blocs de marqueurs de modèles 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 Posts pour dresser la liste de vos publications récentes ou le bloc Post Content pour afficher le contenu de la publication ou de la page en cours d’affichage.

2. Blocs standard

Ensuite, vous disposez de 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, etc.

3. Autres blocs

D’autres blocs avancés vous permettent d’ajouter des formulaires de contact, des profils sociaux, des boutons de partage, des codes courts WordPress, des cartes Google, des listes de prix, des comptes à rebours, etc.

SeedProd est également livré avec une intégration complète de WooCommerce.

Si vous gérez une boutique en ligne, alors 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 et une expérience de paiement personnalisées.

Utilisation de sections pour des mises en page rapides de thèmes

Outre les blocs, vous pouvez également ajouter des sections terminées à votre modèle de thème.

Il suffit de passer à l’onglet Sections dans le panneau Conception.

Les sections sont des groupes de blocs destinés à différents domaines de la conception du site. 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, etc.

Il suffit de cliquer sur une section pour l’ajouter au modèle de votre thème, puis de la modifier selon vos propres besoins.

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

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

Cliquez simplement sur n’importe quel titre ou bloc de texte dans le Constructeur SeedProd pour configurer le panneau des Réglages sur le côté gauche. Cliquez ensuite sur le bouton  » Generate IA Text  » (Générer un texte IA).

Ensuite, saisissez une invite dans le champ de texte, qui est essentiellement une description de ce que vous souhaitez que l’assistant IA écrive pour vous. Vous pouvez également choisir une invite suggérée dans la liste.

Cliquez ensuite sur le bouton « Générer le texte ».

En quelques secondes, SeedProd créera automatiquement le contenu pour vous. À partir de là, vous pouvez optimiser le texte, modifier le ton et même le traduire 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 IA pour générer automatiquement des images originales pour votre thème.

Il vous suffit de faire glisser un bloc Image sur votre page et de cliquer dessus pour ouvrir le panneau des Réglages. Cliquez ensuite sur le bouton « Ajouter avec IA ».

Saisissez ensuite 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 à l’aide de l’IA, ainsi que générer des variantes de l’image, afin qu’elle corresponde exactement à la vision que vous aviez en tête.

Enregistrer et publier votre Modèle

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

Répétez le processus pour modifier d’autres fichiers de modèles en fonction de vos propres besoins en matière de contenu et de conception.

Modifier le design du site pour votre thème

Lorsque vous modifiez vos modèles de thèmes, vous devez vous assurer que votre conception est cohérente sur l’ensemble de votre site.

Par exemple, vous voudrez probablement utiliser le même style de typographie, les mêmes tailles de police, les mêmes couleurs et d’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 Inspect d’un navigateur, l’Emplacement des classes CSS, l’apprentissage du code, et bien plus encore.

SeedProd facilite également cette tâche.

Au lieu d’é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, puis de pointer et cliquer dessus pour en modifier les 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 WordPress.

SeedProd vous permet d’appliquer votre thème WordPress personnalisé à l’aide d’un simple interrupteur.

Il suffit d’aller sur la page Constructeur de thèmes de SeedProd et de permuter le commutateur à côté de l’option ‘Activer le thème SeedProd’ sur ‘Oui’.

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

Vous pouvez maintenant visiter votre site 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 l’option d’étendre ses fonctionnalités et de créer d’autres designs et mises en page basés 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 les différentes sections de votre site.

Par exemple, vous pouvez ajouter à votre thème un nouveau module d’en-tête qui s’affiche uniquement sur des catégories spécifiques.

De même, vous pouvez vouloir créer un Modèle pour des pages ou des publications spécifiques.

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

Pourquoi ne pas créer des pages d’atterrissage personnalisées ?

SeedProd s’occupe également de cette question.

Vous pouvez simplement aller dans SeedProd  » Landing Pages et cliquer sur le bouton Ajouter une nouvelle page d’atterrissage pour en créer une.

Pour plus de détails, consultez notre tutoriel sur la création d’une page d’atterrissage avec WordPress.

En utilisant le constructeur de thème drag and drop convivial de SeedProd, vous pouvez facilement créer n’importe quel 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 apprendre à coder. Vous pouvez également consulter notre guide sur la façon d’accélérer votre site WordPress pour un meilleur référencement et un meilleur compte utilisateur, ou nos choix des meilleures solutions d’analyse WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.