Besoin de personnaliser un thème WordPress? Peut-être que vous venez de démarrer votre site Web personnel, mais les thèmes WordPress par défaut ne vous mettent pas en valeur.
Heureusement, WordPress offre une multitude d'options pour vous aider à modifier et à concevoir le thème de votre site Web selon vos préférences. Nous allons vous montrer comment démarrer.
Étape 1: Changer le thème par défaut
Actuellement, une installation de base de WordPress est livrée avec le thème Twenty-Twenty Two défini par défaut. Mais comme vous l'avez peut-être remarqué, le thème par défaut n'a pas toutes les cloches et les sifflets que vous voudriez sur votre site Web. Bien sûr, il se charge rapidement et fournit ce qui est nécessaire, mais vous voulez également que votre site Web soit beau.
Par conséquent, vous devriez envisager de remplacer le thème WordPress par défaut par quelque chose de plus personnalisable. Quelques bons exemples sont GeneratePress, Astra, OceanWP, Kadence WP, etc.
Pour ce faire, connectez-vous au tableau de bord WordPress de votre site et sélectionnez
Apparence de la barre latérale gauche. Ensuite, passez à la Thèmes section et cliquez Ajouter nouveau pour installer un nouveau thème. WordPress présentera un catalogue des thèmes les plus populaires et les plus récents. Vous pouvez soit en choisir un dans cette liste, soit saisir manuellement le nom du thème que vous souhaitez installer dans le champ de recherche.Dans tous les cas, survolez l'entrée du thème lorsque vous la voyez et cliquez sur Installer. Puis clique Activer pour appliquer le thème au site Web en direct. De nombreux thèmes WordPress semblent fantastiques prêts à l'emploi, alors que vous devrez peut-être même personnaliser vous-même la mise en page de base du site Web dans certains cas.
Étape 2: Modification de certaines variables générales du site Web
Une fois que vous avez installé le thème que vous aimez, l'étape suivante consiste à définir certaines variables de base qui affectent l'ensemble de votre site Web, telles que le nom, le slogan et le logo de votre site Web. Dirigez-vous vers le Apparence section et cliquez Personnaliser pour ouvrir le personnalisateur WordPress. Ici, vous trouverez des paramètres pour modifier la structure, la conception et la typographie de votre site Web.
Notez que les étiquettes d'options mentionnées ci-dessous peuvent être différentes en fonction du thème que vous avez installé, mais la plupart des fonctionnalités seront présentes dans le personnalisateur, juste sous une étiquette différente. Assurez-vous donc de jouer avec les options avant d'apporter des modifications réelles au site Web.
Pour commencer, rendez-vous sur Identité du site et entrez le nom et le slogan de votre site Web. Ensuite, créez deux logos différents pour votre site Web: le logo d'en-tête et le favicon. WordPress spécifiera les dimensions recommandées pour le favicon; il vous suffit de créer l'image et de la télécharger dans la bibliothèque. Le reste est facile !
Vous pouvez également choisir de masquer le nom du site Web et le slogan si vous téléchargez un logo personnalisé.
Ensuite, passez à la modification de la mise en page du site Web en basculant vers le Disposition section. Ici, vous pouvez modifier la largeur du conteneur principal, l'alignement de l'en-tête, le menu de navigation, les barres latérales et bien plus encore.
Il est recommandé de créer vos menus d'en-tête et de pied de page à ce stade, en utilisant le Menus section - afin que vous puissiez vous concentrer uniquement sur le côté conception des choses plus tard.
Étape 3: Passer à des styles plus avancés
Maintenant que les éléments fondamentaux sont à l'écart, vous auriez une structure de base de l'apparence de votre site Web. Ne vous inquiétez pas si cela ne semble pas encore bon. Dirigez-vous vers le Couleurs et sélectionnez les couleurs primaires de votre site Web. Vous pouvez utiliser un site web en ligne pour générer des palettes de couleurs pour votre marque.
Ensuite, passez à la Typographie section et ajoutez les polices que vous aimeriez avoir sur votre site Web. Une fois que vous avez sélectionné une police propre et lisible, passez à Widget. Il existe une multitude de widgets que vous pouvez ajouter à votre site Web: champ de recherche, commentaires récents, articles connexes, galerie, code HTML personnalisé, affichage de texte, etc.
Sélectionnez l'emplacement où vous souhaitez afficher le widget, puis ajoutez-en simplement un à l'aide de la fonction de blocage des widgets de WordPress.
Étape 4: Utiliser un code personnalisé pour personnaliser votre thème WordPress
L'une des nombreuses fonctionnalités de WordPress est sa capacité à gérer du code personnalisé. Vous pouvez ajouter votre code au-dessus de WordPress et il reflétera les modifications sans rien casser. Le seul hic? Vous devez maîtriser CSS pour styliser HTML et PHP pour modifier la fonctionnalité WordPress par défaut.
Pour ajouter un CSS personnalisé à votre site Web, accédez au CSS supplémentaire section à l'intérieur du personnalisateur WordPress. Ici, vous pouvez utiliser des classes et des identifiants pour sélectionner et styliser les éléments HTML à votre goût. Pour obtenir l'identifiant d'élément d'une entité HTML, utilisez les outils de développement de navigateur proposés par Google Chrome et Mozilla Firefox.
De plus, pour personnaliser le fonctionnement du thème, accédez à votre tableau de bord WordPress et sélectionnez Apparence de la barre latérale gauche. En dessous de Éditeur de fichiers de thème, vous trouverez une liste de tous les fichiers de thème et un éditeur que vous pouvez utiliser pour les modifier.
Vous pouvez modifier n'importe quoi, de la façon dont les messages apparaissent sur vos pages de catégorie à la façon dont les commentaires sont affichés et filtrés en modifiant les fichiers PHP.
Étape 5: Créer un thème enfant pour enregistrer les personnalisations
Vos personnalisations rendront votre site magnifique. Mais seulement jusqu'à ce que le développeur publie une mise à jour du thème. Les modifications que vous apportez à votre thème seront perdues dès que vous mettrez à jour votre thème WordPress. Pour contrer cela, vous pouvez créer un thème enfant à partir de votre thème WordPress principal.
Un thème enfant hérite du style, de l'apparence et des fonctions du thème parent et vous permet d'y ajouter vos personnalisations. De cette façon, chaque fois qu'il y a une nouvelle mise à jour du thème principal, vous pouvez être sûr que la mise à jour n'affectera que le thème parent et que vos personnalisations resteront intactes.
Astuce bonus: Utiliser un générateur de page ou des modèles pour concevoir votre site Web
Si vous ne voulez pas passer du temps à générer une palette de couleurs de marque et à personnaliser chaque aspect de votre site Web, pensez à utiliser des modèles prédéfinis. Un avertissement: tous les thèmes WordPress n'offrent pas des modèles à leurs utilisateurs gratuitement, mais il y en a beaucoup qui le font.
Donc, si vous manquez de temps et que vous avez besoin de créer rapidement un site Web personnel ou professionnel, installez un thème fourni avec différents modèles parmi lesquels vous pouvez choisir.
Voici à quoi ressemble le site Web de démonstration après l'application d'un modèle par GeneratePress :
Mieux encore, vous pouvez utiliser un constructeur de page qui vous permet de créer des pages personnalisées à l'aide d'outils de glisser-déposer. Vous pouvez également modifier et créer des en-têtes et des pieds de page personnalisés avec ces outils.
Les constructeurs de pages WordPress comme Élémentaire et Divi sont une bouée de sauvetage pour ceux qui n'ont pas d'expérience avec les technologies frontales et qui ont juste besoin d'un moyen rapide de créer de beaux sites Web alimentés par WordPress sans codage.
Créer un site Web professionnel avec WordPress
Lancer un site web prend du temps. Vous devez acheter un nom de domaine et configurer l'hébergement, et c'est après avoir réussi à trouver un nom de marque.
Il existe actuellement près de 1,7 milliard de sites Web sur Internet, et d'autres sont ajoutés chaque jour. Par conséquent, il est important de choisir un nom de domaine unique qui aide votre marque à se démarquer de la foule.