Comment utiliser un thème personnalisé CSS

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. WordPress contient maintenant un avertissement vous avertissant de ne pas modifier les problèmes avec Edit d ici
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: Voici une capture d’écran de chrome et de ses outils de développement ouverts, où vous pouvez voir la classe et l’id de chaque projet. Vous pouvez ensuite écrire vos propres sélecteurs personnalisés en utilisant n’importe quelle combinaison de classes et d’id disponibles.
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:
Cela facilite la personnalisation des sites en utilisant CSS, même si vous n’avez jamais écrit CSS auparavant. Vous pouvez simplement copier et coller n’importe quel fragment de code que vous voulez, puis changer la valeur à la valeur que vous voulez. Pour trouver un fragment CSS d’un sujet, visitez le Centre d’aide et sélectionnez le sujet que vous utilisez. Cliquez ensuite sur le bouton afficher les clips CSS en bas de la barre latérale: Vous trouverez à la page suivante un grand nombre de clips pré – écrits sur le sujet que vous avez choisi. Conclusion: Je ne m’attends pas à ce que tous les utilisateurs du thème Compete soient des maîtres CSS et pour ceux qui maîtrisent encore les bases de WordPress, je comprends à quel point ce tutoriel peut être effrayant.
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.