Comment personnaliser les blogs WordPress avec un thème ?

Jusqu’à présent, nous vous avons aidé à créer votre propre site Web WordPress, à le remplir de pages et d’articles, et à le protéger par une sécurité accrue et des sauvegardes automatiques. Le contenu est peut-être roi, mais si votre site n’est pas facile à lire ou, ce qui est triste à dire, attrayant à regarder, vous repoussez les lecteurs potentiels. Heureusement, changer l’apparence de votre site pour l’adapter à son contenu est une tâche relativement simple grâce à la prise en charge des thèmes par WordPress.Chaque thème WordPress est un modèle personnalisable d’éléments de conception, allant de l’en-tête de votre page et du système de navigation de la barre de menu à l’ordre d’affichage de vos articles. WordPress offre un accès facile à des milliers de thèmes différents pour couvrir les besoins de la plupart des gens. Vous pouvez installer plus d’un thème à la fois, ce qui vous permet d’essayer différents thèmes avant d’en choisir un. Nous vous conseillons de lire les avis sur les thèmes et de faire attention aux thèmes dont l’installation est gratuite, mais dont la plupart des paramètres sont verrouillés par une mise à niveau payante.

Comment changer de thème ? 

Connectez-vous à et allez dans « Apparence > Thèmes » ». Vous verrez une liste de thèmes installés en standard avec les nouvelles installations de WordPress : 2015 jusqu’à 2020. Le thème utilisé actuellement est marqué « Actif », et vous verrez un bouton « Personnaliser » à côté de lui – nous y reviendrons bientôt. Vous pouvez prévisualiser un autre thème en passant la souris dessus et en cliquant sur le bouton « Live Preview » [Image A]. Une prévisualisation en direct de votre site s’affiche en utilisant le thème en question – recherchez les boutons en bas pour basculer entre l’affichage bureau, tablette et téléphone, afin de voir comment le thème se comporte sur différents appareils. Si vous aimez ce que vous voyez, passez à ce thème en cliquant sur « Activer ».

Comment trouver le thème idéal ?

Pour voir quels autres thèmes sont disponibles, cliquez sur « Ajouter nouveau ». Vous verrez apparaître une sélection de thèmes vedettes. Passez votre souris sur l’un d’eux et cliquez sur « Détails et aperçu pour lire une description et afficher un aperçu de base d’un article fictif. Si vous êtes satisfait, cliquez sur  » Installer  » pour l’ajouter à votre collection, ou utilisez < et > pour le comparer aux autres thèmes de la sélection actuelle.>> Avec des milliers de thèmes à choisir, utilisez les outils de recherche et de filtering de WordPress. Commencez par l’outil de recherche par mots-clés : Essayez des mots liés au contenu de votre site pour voir si quelque chose d’intéressant apparaît. Les filtres « Populaire » et « Dernier » sont auto-explicatifs, mais l’option la plus utile est « Filtre de caractéristiques » – cliquez dessus pour appliquer jusqu’à trois filtres différents : Sujet, Caractéristiques, et Mise en page [Image B]. Cliquez sur « Appliquer les filtres » pour afficher tous les sites qui répondent aux critères que vous avez sélectionnés.>> Vous verrez également une option « Favoris » – si vous vous inscrivez à un compte wordpress.org gratuit et que vous parcourez les thèmes sur la page https://wordpress.org/themes/, vous pourrez les marquer pour qu’ils apparaissent ici. Une fois que vous avez installé un thème, il apparaît à côté des autres thèmes que vous avez installés, prêt pour un aperçu en direct de votre site.

Pourquoi personnaliser son thème ?

Une fois le thème choisi activé, accédez à « Apparence > Personnaliser ». Vous verrez apparaître le même écran que lors de l’aperçu en direct d’un nouveau thème, avec une série d’options sur la gauche, ainsi que des raccourcis vers les fields personnalisables affichés sur l’aperçu en direct (recherchez le logo du crayon bleu).>> À mesure que vous appliquez des modifications, vous devriez findre que l’aperçu en direct se met à jour instantanément pour vous montrer les effets de vos modifications. Notez qu’aucune modification ne sera appliquée tant que vous n’aurez pas cliqué sur le bouton « Publier » en haut de la page.>> Commencez par la section « Identité du site » – c’est là que vous pouvez modifier le titre et le slogan de votre site, qui apparaissent dans l’en-tête principal. Vous pouvez également voir une option permettant d’afficher le logo du site au-dessus de l’image de l’en-tête, ainsi qu’une icône du site qui apparaît dans les onglets du navigateur et dans les signets. D’autres sections portent sur différentes parties de la dans le cadre du thème actuel et varient en fonction du thème que vous avez choisi.

La plupart sont relativement simples et explicites – par exemple, la section « Couleurs » vous permet de définir un schéma de couleurs clair, foncé ou personnalisé pour le site, tandis que la section « Média d’en-tête » vous permet de télécharger votre propre image pour l’en-tête de votre site. 

Comment construire un système de navigation ? 

WordPress fournit des menus comme moyen de navigation sur votre site. Les menus peuvent être une simple liste d’éléments pour les occasions où vous n’avez qu’une poignée de liens à partager, ou vous pouvez les imbriquer dans des catégories pour créer des menus déroulants.>> Si vous êtes actuellement dans la vue Personnalisation, sélectionnez « Menus » dans le menu de gauche pour commencer (vous pouvez également créer et gérer des menus via la section « Apparence > Menus »). Cliquez sur « Créer un nouveau menu » et donnez à votre nouveau menu un nom suffisamment descriptif. Choisissez l’emplacement de votre navigation – le menu supérieur est généralement le meilleur endroit – et cliquez sur « Suivant ». Ajoutez des articles, des pages, des catégories, des balises, des formats ou des URL personnalisés à l’aide du bouton « Ajouter un élément », ou cochez « Ajouter automatiquement les nouvelles pages de premier niveau à ce menu » pour créer un menu à partir des pages statiques que vous avez créées.

Comment créer des menus déroulants ?

Par défaut, un menu à un seul niveau est créé, de sorte que tous les éléments sont affichés sous forme de liens individuels. Comme cela peut devenir assez étroit, organisez vos liens en menus déroulants individuels en « imbriquant » les éléments les uns dans les autres. Nous vous recommandons d’utiliser des catégories ou des balises pour votre élément parent. Ajoutez-le, puis ajoutez les éléments que vous souhaitez inclure dans le menu déroulant. Par défaut, ils apparaîtront à côté de l’élément principal, mais en cliquant et en faisant glisser chaque élément sur l’élément de niveau supérieur, vous les verrez s’imbriquer à l’intérieur [Image D]. Vous verrez également une flèche déroulante apparaître à côté de l’élément principal du menu dans l’aperçu en direct – passez votre souris dessus pour voir les éléments imbriqués à l’intérieur, prêts à être sélectionnés. Une fois que vous êtes satisfait de votre menu, cliquez sur « Publier ».

Comment modifier directement le code CSS? 

Si vous ne pouvez pas personnaliser le thème que vous avez choisi comme vous le souhaitez et que vous êtes raisonnablement proficient en CSS, vous pouvez modifier à peu près tous les aspects de la conception de votre site. Il existe plusieurs façons risquées de le faire, mais heureusement, l’outil de personnalisation vous permet d’incorporer vos propres styles CSS sans casser votre thème actuel. Pour ce faire, allez dans « Apparence > Personnaliser > CSS supplémentaires ». >> Vous verrez une boîte dans laquelle vous pouvez saisir vos styles CSS. Elle propose à la fois des suggestions automatiques au fur et à mesure de la saisie et une coloration syntaxique pour vous aider à saisir votre code correctement. Tout ce qui est saisi ici remplace les paramètres par défaut du thème, et vous pouvez voir les résultats de vos modifications grâce à l’aperçu en direct [Image E]. Si quelque chose ne va pas, supprimez le code pour rétablir les paramètres d’origine.>> Tout code que vous saisissez ici peut être perdu si vous changez de thème, nous vous recommandons donc de le copier et de le coller dans un éditeur de texte pour le stocker comme sauvegarde. Pour en savoir plus sur les bases de l’édition CSS, visitez www.w3schools.com/css/ pour un ensemble complet de didacticiels et de guides de référence.

Comment ajouter des widgets ? 

Les widgets vous permettent de peupler votre site de petits blocs de contenu utile, qui peuvent être placés dans diverses sections, notamment l’en-tête, le pied de page et les barres latérales. Sélectionnez « Apparence > Widgets », où vous fiderez une large sélection de widgets simples, notamment un nuage de tags, un outil de recherche et un calendrier du site pour aider les utilisateurs à visualiser les articles par date. Sur le côté droit se trouve une liste de zones où vous pouvez placer ces widgets – déterminées par votre thème actuel. Il suffit de faire glisser un widget sur l’une de ces zones pour qu’il se développe et révèle ses paramètres de configuration. Vous pouvez également gérer les widgets via la boîte de dialogue principale Personnaliser pour voir comment ils s’afficheront sur votre site – cliquez sur « Gérer avec aperçu en direct » pour passer à cette vue à partir de l’écran principal de configuration des widgets.Des widgets supplémentaires peuvent être ajoutés via des plugins – allez dans « Plugins > Ajouter nouveau » et tapez « widget » dans le champ de recherche par mot-clé pour voir ce qui est disponible. Vous findrez à la fois des widgets individuels et des packs de widgets, tels que le SiteOrigin Widgets Bundle. Une fois installé et activé, allez dans « Plugins > SiteOrigin Widgets » pour voir ce qui est disponible et gérer chaque widget. Tout widget activé peut ensuite être ajouté et configuré via le menu « Apparence > Widgets ».