WordPress CSS : modifier le design de votre site web

Plusieurs méthodes s’offrent à vous pour modifier le CSS dans WordPress. En plus des mo­di­fi­ca­tions dans le thème ou via le Cus­to­mi­zer du menu Per­son­na­li­ser, il existe plusieurs plugins de choix.

En plus des thèmes WordPress et des templates pré­dé­fi­nis, WordPress offre avec CSS un outil aussi important qu’utile pour per­son­na­li­ser in­té­gra­le­ment votre site Internet selon vos envies. Le CSS (pour Cascading Style Sheets) est destiné à la con­cep­tion de votre site en ligne et permet de modifier la mise en page, les couleurs et les polices d’écriture.

Plusieurs raisons peuvent vous amener à modifier le CSS WordPress. Une fois vos contenus clai­re­ment définis avec HTML, CSS veille à les présenter de la manière la plus agréable et lisible aux in­ter­nautes. Pour cette seule raison, cela vaut la peine d’apprendre le CSS !

En plus des avantages es­thé­tiques, CSS vous permet également de rendre votre site responsif et de l’optimiser ainsi pour dif­fé­rents appareils. Modifier le CSS dans WordPress se fait assez fa­ci­le­ment, et surtout sans risque grâce aux thèmes WordPress.

Il existe plusieurs méthodes pour modifier votre CSS WordPress. La plus simple consiste à tra­vail­ler di­rec­te­ment dans le menu Per­son­na­li­ser. De nom­breuses étapes de travail sont déjà définies et l’édition suit ainsi des règles fixes. Si vous êtes déjà à l’aise avec WordPress et que vous souhaitez per­son­na­li­ser en­tiè­re­ment le design de votre site Web, vous pouvez opter pour la mo­di­fi­ca­tion directe du thème (ou template) WordPress. Certes plus exigeante, cette méthode offre cependant plus de liberté. La troisième voie consiste à passer par dif­fé­rents plugins WordPress qui per­met­tent de modifier et d’adapter le CSS WordPress. Leurs options et leur facilité de prise en main varient selon le four­nis­seur.

Pour modifier di­rec­te­ment le CSS WordPress via votre thème, il est né­ces­saire tout d’abord de créer un thème enfant. D’une part, c’est la méthode la plus sûre, et d’autre part cela évite que les mo­di­fi­ca­tions que vous avez mis du temps à intégrer soient effacées par la prochaine mise à jour du thème. Les mo­di­fi­ca­tions les plus im­por­tantes se font dans la feuille de style elle-même, avec laquelle vous pouvez intégrer CSS dans HTML. Pour y accéder, le plus simple est de passer par le Tableau de bord. Pas besoin de programme ni d’éditeur sup­plé­men­taire. Il est aussi possible d’effectuer les mo­di­fi­ca­tions par un serveur FTP.

L’uti­li­sa­tion d’un plugin est notamment re­com­man­dée afin de minimiser le risque de perdre vos mo­di­fi­ca­tions de CSS en cas de chan­ge­ment de thème. Il existe aujourd’hui dif­fé­rents outils adaptés, pour la plupart gratuits. Voici quelques plugins par­ti­cu­liè­re­ment utiles et in­té­res­sants pour l’étendue de leurs fonc­tion­na­li­tés.

La solution plugin la plus évidente à utiliser pour modifier ra­pi­de­ment et fa­ci­le­ment le CSS WordPress ou pour ajouter votre propre CSS est cer­tai­ne­ment Simple Custom CSS. Le nom dit déjà tout, notamment pour ce qui touche à sa con­fi­gu­ra­tion et à son uti­li­sa­tion. Dans ces deux domaines, le plugin est très simple et rapide à com­prendre. Avec sa large palette de fonctions, Simple Custom CSS n’a pas d’effets négatifs sur la per­for­mance du site et présente des avantages comme le contrôle des erreurs et la mise en évidence de la syntaxe. Enfin, le plugin fonc­tionne avec tous les thèmes courants.

Pour 29$ par an, CSS Hero reste une solution très complète et facile à utiliser. Si vous souhaitez concevoir et adapter votre CSS WordPress selon vos envies, l’achat de licence pour ce plugin en vaut la peine. Il vous permet de suivre les mo­di­fi­ca­tions en direct avec des pos­si­bi­li­tés de per­son­na­li­sa­tion par­ti­cu­liè­re­ment variées. Si vous ne cherchez à faire que de petites mo­di­fi­ca­tions à la marge, cet outil sera trop puissant. En revanche, si vous cherchez à adapter avec précision de nombreux détails, CSS Hero est un choix judicieux. Enfin, il est com­pa­tible avec de nombreux thèmes.

Ce plugin est un bon choix si vous re­cher­chez une solution plus légère pour des adap­ta­tions spo­ra­diques, Si­teO­ri­gin CSS. En effet, ce plugin offre la pos­si­bi­lité de basculer sur un éditeur visuel pour effectuer ainsi des mo­di­fi­ca­tions di­rec­te­ment en mode graphique et sans code. Cela vaut la peine d’y réfléchir, surtout pour les débutants qui ne maî­tri­sent pas les sub­ti­li­tés du code. Si­teO­ri­gin CSS fonc­tionne également avec de nombreux thèmes.

WP Add Custom CSS se rapproche de la solution plugin Simple Custom CSS en poussant l’idée encore plus loin. En effet, le plugin ne permet pas seulement de modifier sim­ple­ment le CSS, il permet aussi de sé­lec­tion­ner avec précision les pages et sous-pages à per­son­na­li­ser. Ainsi, il est possible de faire des mo­di­fi­ca­tions ponc­tuelles uni­que­ment à certains endroits, et non globales. L’interface de gestion se fait par un ajout au menu et un éditeur CSS sous chaque article en plus de l’écran d’édition propre à WordPress.