Comment créer facilement un thème WordPress personnalisé en 5 étapes

Voulez-vous créer un thème WordPress personnalisé pour le site Web de votre petite entreprise ?

Le développement de thèmes WordPress était auparavant difficile sans coder la conception de votre thème à partir de zéro ou embaucher des développeurs coûteux. Cependant, de nos jours, de puissants plugins WordPress sont disponibles qui vous permettent de créer visuellement des thèmes en utilisant une fonctionnalité simple de glisser-déposer.

Cet article vous montrera comment créer un thème WordPress à partir de rien sans toucher à une seule ligne de code.

Pourquoi personnaliser votre thème WordPress ?

Internet est occupé par des millions de sites Web qui se disputent l'attention de votre public cible. Une façon de vous démarquer et de montrer que vous êtes différent est de personnaliser votre maison sur le web : votre site web.

Étant donné que de nombreux propriétaires de sites Web WordPress s'en tiennent aux thèmes de démarrage dès la sortie de la boîte, la personnalisation du vôtre peut aider votre site à se démarquer de vos concurrents. De plus, avec un thème WordPress personnalisé, il est plus facile de mettre en valeur la personnalité de votre marque, d'ajouter des fonctionnalités de génération de leads et d'améliorer la vitesse et les performances de votre site Web.

Comment créer un thème WordPress à partir de zéro ?

La plupart des thèmes WordPress sont créés avec les langages de codage HTML, CSS, PHP et JavaScript. Apprendre ces langues prend du temps et de la formation, ce qui n'est pas réaliste pour de nombreux propriétaires de sites Web.

Cela signifie que l'une de vos seules options est d'embaucher un développeur ou une agence de développement pour créer un thème personnalisé pour vous. Par conséquent, le coût d'un site WordPress personnalisé peut atteindre des milliers de dollars.

Une autre option consiste à utiliser SeedProd pour créer votre propre thème WordPress personnalisé. Ce puissant plugin WordPress est livré avec une interface glisser-déposer simple que n'importe qui, même les débutants, peut utiliser pour personnaliser chaque aspect de votre thème WordPress.

Pourquoi devriez-vous utiliser SeedProd ?

SeedProd est le plugin de création de site Web le plus convivial pour WordPress.

Il comprend de nombreuses options de personnalisation et offre une grande variété de fonctionnalités, notamment :

• Générateur de thème WordPress
• Plus de 170 modèles de pages de destination
• Kits complets de thèmes WordPress
• Générateur par glisser-déposer
• Intégrations de marketing par e-mail
• Fonctionnalité d'importation/exportation
• Gestion des abonnés
• Prochainement et mode maintenance
• et beaucoup plus.

Auparavant, vous ne pouviez utiliser SeedProd que pour créer des pages de destination dans votre thème existant. Mais après plusieurs mises à jour révolutionnaires, vous pouvez créer des thèmes WordPress entiers avec le même générateur de glisser-déposer.

Cela signifie que vous pouvez personnaliser votre site Web de haut en bas sans codage, alors découvrons comment le faire.

Créer un thème WordPress personnalisé avec SeedProd

Pour ce didacticiel, nous supposerons que vous avez déjà un site WordPress hébergé sur un domaine. Si vous ne le faites pas, vous pouvez suivre ce guide étape par étape sur la création d'un site Web WordPress.

Étant donné que SeedProd remplace votre thème WordPress actuel par celui que vous créerez à partir de zéro, nous vous suggérons d'utiliser un environnement de développement. De cette façon, vos modifications n'affecteront pas votre site Web en ligne tant que vous ne serez pas prêt à les publier.

Les services d'hébergement WordPress populaires comme Bluehost offrent des environnements de mise en scène et de développement avec leurs packages d'hébergement.

En plus de créer un environnement intermédiaire, assurez-vous de sauvegarder votre site avant de commencer. Cela vous permettra de restaurer votre site Web en cas de problème. Voir cet article pour les meilleurs plugins de sauvegarde pour WordPress.

Après avoir préparé ce qui précède, vous pouvez commencer à créer votre thème WordPress personnalisé en suivant les étapes ci-dessous.

Étape 1. Installer et activer le plugin SeedProd

Pour la première étape, vous devez installer et activer le plugin SeedProd sur votre site WordPress. Suivez ce guide détaillé sur l'installation d'un plugin WordPress si vous avez besoin d'aide pour cette étape.

Vous devrez choisir la licence SeedProd Pro pour déverrouiller la fonction Theme Builder. Cela vous donnera une clé de licence que vous pourrez entrer sur la page des paramètres du plugin.

Pour trouver votre clé de licence, connectez-vous à votre compte SeedProd, cliquez sur l'onglet Téléchargements , puis cliquez sur l'icône de copie pour enregistrer votre clé dans votre presse-papiers.

Ensuite, accédez à votre administrateur WordPress, accédez à SeedProd »Paramètres et collez la clé dans le champ « Clé de licence ». Cliquez ensuite sur le bouton Vérifier la clé pour enregistrer vos modifications.

Maintenant, rendez-vous sur la page SeedProd » Theme Builder , où SeedProd affichera les différents éléments de votre thème.

Il existe 2 façons différentes de créer un thème WordPress personnalisé avec SeedProd. Vous pouvez créer chaque partie de votre thème à partir de zéro, ou vous pouvez utiliser un modèle prédéfini et personnaliser chaque partie en fonction des besoins de votre site Web.

Chaque thème WordPress se compose de plusieurs parties appelées fichiers modèles, notamment :

• Entête
• Bas de page
• Poste unique
• Une seule page
• Archive ou page de blog
• Résultats de recherche
• Partie globale

Cela peut être assez écrasant si c'est la première fois que vous créez un thème à partir de zéro. Pour cette raison, nous vous recommandons de commencer avec un modèle de thème prédéfini.

SeedProd propose divers modèles de thèmes réactifs qui configurent la structure de votre thème en un seul clic. Il génère automatiquement chaque fichier de modèle mais vous permet également de modifier chaque fichier avec vos propres personnalisations.

Pour le reste de ce guide, nous utiliserons un modèle de thème pour vous montrer chaque étape du processus de personnalisation, car il s'agit de l'approche la plus conviviale pour créer un thème personnalisé.

Étape 2. Choisissez un modèle de thème WordPress

Pour afficher tous les modèles de thèmes de SeedProd, cliquez sur le bouton Thèmes .

Une fenêtre s'ouvrira montrant des thèmes pour différents types de sites Web, y compris les portefeuilles, les voyages, les magasins WooCommerce, l'immobilier, les événements, etc.

Nous utiliserons le thème de démarrage pour ce didacticiel, alors passez votre souris sur l'image du thème et cliquez sur l'icône de coche orange.

Dès que vous cliquez pour importer le modèle de thème, SeedProd générera automatiquement les parties de thème.

Si vous n'avez pas besoin d'une partie de thème spécifique, désactivez-la en cliquant sur le basculement sous l'en-tête Publié vers la position "Non".

Vous pouvez également modifier les conditions de chaque pièce en cliquant sur le lien "Modifier les conditions".

Cela ouvrira une fenêtre dans laquelle vous pourrez choisir le nom, le type, la priorité et l'endroit où la pièce doit apparaître sur votre site Web.

Dans de nombreux cas, vous n'aurez pas besoin de modifier ces paramètres et vous pourrez passer directement à la personnalisation de l'apparence de chaque pièce.

Étape 3. Personnalisez vos parties de thème

Maintenant que les éléments essentiels de votre thème sont configurés, vous pouvez personnaliser leurs conceptions pour qu'elles ressemblent à vos souhaits. Pour modifier un fichier de modèle, placez votre curseur dessus et cliquez sur le lien "Modifier la conception".

Nous personnaliserons les parties En-tête, Pied de page, Accueil et Blog pour ce guide. La personnalisation des autres parties du thème suit les mêmes principes.

Personnalisation de l'en-tête et du pied de page de WordPress

Pour personnaliser votre en-tête, déplacez votre curseur sur le modèle d'en-tête et cliquez sur Modifier le design .

Sur l'écran suivant, vous verrez l'interface de création de thèmes de SeedProd. Vous pouvez pointer et cliquer n'importe où sur l'aperçu en direct pour voir les paramètres de chaque élément dans le panneau de gauche.

Commençons par cliquer sur le logo SeedProd par défaut pour ouvrir les paramètres du bloc Image. Dans le panneau des paramètres de contenu, vous pouvez cliquer sur l'icône de la corbeille pour supprimer l'image par défaut et télécharger un nouveau logo depuis votre ordinateur ou votre médiathèque WordPress.

Dans le même panneau, vous pouvez modifier la taille de l'image, l'alignement et donner à votre logo un lien personnalisé. Par exemple, vous pouvez rediriger les visiteurs qui cliquent sur votre logo vers votre page d'accueil.

Vous pouvez également modifier la couleur d'arrière-plan de votre en-tête en cliquant sur l'icône des paramètres de ligne. À partir de là, vous pouvez ajouter une image d'arrière-plan, une couleur ou un dégradé d'arrière-plan personnalisé.

Ensuite, cliquez sur le bloc de menu de votre aperçu en direct pour personnaliser votre menu de navigation. SeedProd utilise le bloc Nav Menu pour cette section par défaut, qui a 2 options de menu différentes :

• Simple : ajoutez des liens de menu individuellement dans l'interface du générateur
• Menu WordPress : utilisez le menu natif de WordPress pour afficher votre navigation

Après avoir choisi votre type de menu, vous pouvez cliquer sur l'onglet Avancé et modifier les couleurs, la typographie, les styles des liens de menu, etc.

Lorsque vous êtes satisfait de la conception de votre en-tête, cliquez sur le bouton Enregistrer dans le coin supérieur droit et cliquez sur l'icône « X » pour quitter le générateur de thème.

Maintenant, vous pouvez suivre les mêmes étapes pour personnaliser votre pied de page WordPress, et lorsque vous avez terminé, vous pouvez passer à la modification de votre page d'accueil.

Personnalisation de votre page d'accueil WordPress

La page d'accueil de votre site Web est la page d'accueil de votre site et comprend généralement des éléments essentiels qui définissent votre entreprise. Par exemple, des détails sur qui vous êtes, ce que vous faites, des critiques et des témoignages, et des informations de contact.

Le modèle que nous utilisons inclut les sections de page d'accueil suivantes :

• héros
• Fonctionnalités
• Témoignages
• FAQ

Vous pouvez modifier chaque aspect de cette page, y compris la mise en page, les images, le contenu, les boutons, etc. Jetez un œil à cet exemple rapide pour voir à quel point il est facile de modifier différentes parties de votre page d'accueil :

Vous pouvez utiliser les blocs et les sections sur le côté gauche pour modifier votre page d'accueil jusqu'à ce que vous soyez satisfait de l'apparence de tout. Par exemple, vous pouvez ajouter des classements par étoiles, des cartes Google, des formulaires de recherche et de nombreux autres éléments de site Web.

Il est également important de vérifier la version mobile de votre page d'accueil.

Si la version mobile de votre site ne semble pas correcte, vous pouvez continuer à la modifier jusqu'à ce qu'elle soit parfaite.

Lorsque vous êtes satisfait de la conception de votre page d'accueil, enregistrez vos modifications et revenez au tableau de bord du générateur de thèmes SeedProd.

Styliser votre page de blog personnalisée

La prochaine partie du thème que nous allons personnaliser est la page du blog. Dans le tableau de bord du générateur de thèmes, recherchez l'en-tête Blog, Index, Archives, Recherche , puis cliquez sur le lien Modifier le design .

Sur cette page, vous pouvez ajouter, supprimer et déplacer différents éléments, tels que le contenu de votre article de blog, l'image en vedette, l'extrait et la biographie de l'auteur.

Par défaut, ce modèle utilise le bloc Articles pour afficher une liste des articles de blog récents, alors cliquez dessus pour afficher les différents paramètres que vous pouvez configurer.

Dans le panneau des paramètres des articles, vous pouvez choisir le type d'article de blog à afficher et afficher ou masquer des informations telles que la pagination, la méta, les détails de l'auteur, le nombre de commentaires, etc.

Après avoir personnalisé la page de votre blog, cliquez sur le bouton Enregistrer et revenez au tableau de bord du créateur de thème.

Définition de vos paramètres globaux

La dernière partie du modèle que nous examinerons contrôle les paramètres de style globaux pour les boutons, les couleurs, la typographie et la mise en page de votre thème. Recherchez la partie CSS globale et cliquez sur le lien Modifier la conception pour ouvrir les paramètres.

Vous pouvez développer chaque onglet sur cet écran et personnaliser les différents paramètres.

Par exemple, vous pouvez ouvrir l'onglet Bouton et personnaliser le style par défaut de chaque bouton de votre site Web.

De plus, vous pouvez modifier les polices, la mise en page, l'arrière-plan et ajouter du CSS personnalisé à votre thème WordPress. Chaque modification que vous apportez est automatiquement appliquée à l'ensemble de votre site Web.

N'oubliez pas de cliquer sur le bouton Enregistrer pour enregistrer vos modifications avant de continuer.

Étape 4. Connectez votre service de marketing par e-mail

Si vous avez utilisé le formulaire d'inscription ou le bloc de formulaire de contact dans la conception de votre thème, vous aurez besoin d'un moyen d'ajouter de nouveaux contacts à votre liste de diffusion. Heureusement, SeedProd s'intègre directement aux services de marketing par e-mail populaires pour vous faciliter la tâche.

Vous pouvez trouver les intégrations de messagerie de SeedProd en cliquant sur l'onglet Connecter lors de la modification d'un design. À partir de là, vous pouvez trouver votre service de marketing par e-mail et suivre les instructions à l'écran pour vous connecter.

En plus de s'intégrer directement aux services de messagerie, SeedProd peut stocker des contacts dans son tableau de bord d'abonné intégré. Ceci est utile si vous commencez à créer votre liste de diffusion et que vous n'avez pas encore choisi de fournisseur.

Étape 5. Publiez votre thème WordPress personnalisé

Maintenant que vous avez personnalisé votre thème WordPress personnalisé, il est temps de le mettre en ligne sur votre site Web. Pour ce faire, dirigez-vous vers le tableau de bord du générateur de thèmes et tournez la bascule à côté de l'en- tête Activer le thème SeedProd sur la position "Activé".

Ensuite, vous pouvez accéder à l'interface de votre site Web et voir votre nouveau thème WordPress personnalisé.

Voilà!

Nous espérons que cet article vous a aidé à apprendre à créer un thème WordPress à partir de zéro sans codage.

Saviez-vous que SeedProd inclut également un bloc RafflePress ? L'ajout de cadeaux RafflePress n'importe où dans la conception de votre thème personnalisé facilite l'augmentation du trafic, des prospects et des abonnés aux médias sociaux.

Prêt à plonger ?

Commencez avec SeedProd ici et obtenez votre copie de RafflePress ici.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo RafflePress. Vous pouvez également nous retrouver sur Twitter et Facebook.