Voulez – vous prendre le contrôle total de la conception du site? Bien que WordPress dispose de nombreux outils intuitifs de personnalisation, un petit CSS peut grandement vous aider. Par exemple, vous voudrez peut – être augmenter la taille de police du titre de l’article ou changer la couleur du lien. Installer un nouveau plug – in pour quelque chose de si simple semble excessif. CSS est la solution. Avec quelques lignes de CSS, vous pouvez rapidement travailler sur la personnalisation de petits styles. Bien qu’il s’agisse d’un code, il n’est pas aussi complexe qu’un langage de programmation comme JavaScript ou PHP. Si vous avez écrit quelques CSS ici ou là, vous bénéficierez grandement de ce guide, mais même les débutants peuvent trouver quelques conseils pratiques ici.
Heure normale du Pacifique! Si vous êtes un client de competite Themes, lisez jusqu’à la fin. Nous vous offrons un bonus gratuit (particulièrement utile pour les débutants). Summary hide CSS Quick Introduction How to add CSS to the WordPress website better ways to find CSS Selector WP Professionals How to find CSS Properties and CSS values Free Pre – Writing conclusions CSS Quick Introduction for our Users if you are already familiar with CSS, I don’t want to trouble you with a very long Overview. Si vous n’avez jamais utilisé CSS ou si vous n’êtes même pas sûr de ce qu’est CSS, consultez d’abord nos articles sur ce sujet:
Qu’est – ce que CSS et comment affecte – t – il WordPress? Cela couvrira les raisons fondamentales pour lesquelles les CSS sont utilisés pour les styles de site et la façon dont ils sont appliqués. Comment ajouter CSS au site WordPress les utilisateurs de wordpress ne connaissent pas CSS, c’est une grosse erreur: personnaliser les fichiers de thème. Par exemple, les personnes qui utilisent le thème Challenger peuvent insérer leurs modifications CSS directement dans le fichier style. Accédez au CSS à partir du menu apparence > Éditeur.
Ri CSS, regardez cette merveilleuse introduction au sélecteur CSS sitepoint. Voilà ce qui se passe… De nombreux utilisateurs expérimentés de WordPress ont également essayé de trouver tous les mauvais sélecteurs. Ils vérifient les styles de fichiers. CSS trouve les sélecteurs utilisés par le sujet. C’est ennuyeux et vous pourriez même ne pas trouver le bon sélecteur pour personnaliser.
Laissez – moi vous offrir un processus plus productif. Comment les professionnels du WP peuvent – ils trouver un sélecteur CSS lorsque vous tapez CSS, vous avez d’abord besoin d’un sélecteur pour dire au navigateur quel élément vous souhaitez éditer. Bien que vous puissiez contrôler les feuilles de style dans un sujet, il est beaucoup plus facile de les trouver simplement en utilisant les outils de développement Web de votre navigateur. Voici un exemple de ce que je veux dire:
Dans ce tutoriel, je vais approfondir le processus: Comment trouver le sélecteur CSS sur le site WordPress vous apprendrez comment accéder aux outils de développement de votre navigateur, comment naviguer HTML et comment trouver le sélecteur CSS désiré. Propriétés et valeurs CSS vous pouvez maintenant obtenir tous les sélecteurs dont vous avez besoin plus rapidement et savoir comment ajouter du Code à la section CSS supplémentaire de votre programme personnalisé. La seule chose qui reste est de sélectionner les propriétés à éditer. Par exemple, si vous voulez localiser le titre du site dans Challenger et zoomer sur la police, vous pouvez le faire en utilisant la propriété font size. Les déclarations CSS peuvent être les suivantes:
– Oui. Titre du site {
Taille de la police: 32px;
Si vous n’êtes pas familier avec CSS, vous trouverez cette liste d’attributs CSS particulièrement utile. Vous pouvez rechercher la Liste
Qualité à modifier (couleur de fond, taille de police, bordure, etc.). Pour les débutants ou les maîtres de CSS pré – écrits gratuitement pour nos utilisateurs, j’ai des choses que je pense que vous aimerez… Si vous utilisez l’un de nos sujets, vous aimerez la Bibliothèque de fragments CSS pré – écrite que nous avons créée. Par exemple, la collection Tracks CSS snippets contient des dizaines de clips que vous pouvez copier et coller dans d’autres sections css pour personnaliser votre site:
C’est – à – dire qu’il est très utile de comprendre les possibilités de personnalisation du CSS. De plus, la collection de fragments de code facilite la recherche approfondie en copiant et en collant le Code en petites quantités. À l’avenir, vous y reviendrez probablement lorsque vous vous sentirez capable de personnaliser votre site en Code. Dans ce cas, signez cette page pour réessayer plus tard.