Il y a plus d’une façon d’ajouter un CSS personnalisé à un site WordPress. Ce week end WordPress, je vais expliquer les avantages et les inconvénients de trois approches différentes afin que puissiez décider quelle approche convient le mieux et permettre de personnaliser votre site à l’avance. Une fois que avez trouvé lamp;rsquoélément de conception que souhaitez personnaliser, après avoir isolé une partie du sujet que souhaitez éditer (par exemple, le titre de lamp;rsquoarticle), devez déterminer les attributs CSS qui samp;rsquoappliquent au sujet pour apporter les changements appropriés. Heureusement, le processus namp;rsquoest pas compliqué.
CSS utilise des sélecteurs pour déterminer quelles déclarations de conception samp;rsquoappliquent à une partie particulière du site. En général, cela se fait en spécifiant une classe pour un élément particulier. Cependant, css peut également être utilisé pour définir la disposition de lamp;rsquoensemble de lamp;rsquoélément (par exemple, les étiquettes) Heureusement, les navigateurs populaires permettent de voir en quelques clics quels sélecteurs et déclarations sont appliqués à un projet de page. Par exemple, dans Google Chrome, il suffit de mettre en évidence une partie spécifique du document, puis de faire un clic droit, comme indiqué ci dessous.
Sélectionnez lamp;rsquoélément damp;rsquoinspection dans le menu déroulant qui apparaît et verrez les informations de conception dans la fenêtre de droite. Vous pouvez voir lamp;rsquoexemple suivant. Affiche le descripteur de conception spécifique appliqué au texte mis en évidence en rouge. Par exemple, lamp;rsquoélément taille de police indique que la taille des caractères affichés dans le texte surligné est de 13 pixels (13px). Le descripteur est inclus entre parenthèses dans la reliure du sélecteur. Le nom du fichier de la Feuille de style associée est affiché à droite du sélecteur.
Une fois que toutes ces informations sont disponibles, il est facile de modifier la conception. Par exemple, si souhaitez modifier lamp;rsquoAC
Onglets 13px à 14px, il suffit de rechercher le fichier de feuille de style pour afficher ces sélecteurs (
C’est à dire que le CSS utilisé pour afficher les sites WordPress se trouve probablement dans un fichier appelé style. CSS. C’est le nom générique de n’importe quel type de feuille de style de site, pas seulement les sites WordPress. regardez le fichier, verrez quamp;rsquoil contient une description complète du style du sujet. Chaque détail qui couvre la syntaxe CSS dépasse le cadre de ce tutoriel, mais si voulez en savoir plus, nous recommandons de commencer par le cours w3schools ici. Camp;rsquoest à dire, continuons à utiliser les trois méthodes ci dessus pour éditer CSS! Méthode 1: Modifier le fichier de style. Il existe deux façons damp;rsquoaccéder aux fichiers de style. CSS del tema.
Une façon est de l’exécuter à partir du tableau de bord de gestion WordPress. Dans la barre de navigation de gauche, mettez en évidence lamp;rsquooption apparence. Le menu contextuel devrait afficher plus damp;rsquooptions. Au bas du menu, verrez les options de lamp;rsquoéditeur. Cliquez là. Après avoir accédé à la page de lamp;rsquoéditeur, verrez une liste de fichiers sur la barre verticale à droite de la page. Faites défiler la liste des fichiers vers le bas. Vous verrez le style. CSS est au bas de la page. cliquez sur lamp;rsquooption feuille de style, le fichier feuille de style est affiché. Le CSS est chargé et affiché au centre de lamp;rsquoécran. Cet écran permet damp;rsquoéditer des fichiers pour modifier la conception de oui
Oui, mais il y a une meilleure façon de le faire (en savoir plus à chaque fois).
Une autre façon de trouver une feuille de style est de parcourir le système damp;rsquoexploitation du fournisseur damp;rsquohébergement et de trouver des fichiers dans le dossier sujet. Lamp;emplacement varie selon le fournisseur damp;rsquohébergement. Dans lamp;rsquoexemple ci dessous, le nom du site Web (dans notre exemple, thecare) est un dossier dans le dossier public _ HTML. Puisque WordPress est installé pour ce site, pouvez voir le dossier de contenu WP sous Care. Sous le dossier WP content, il y a aussi un dossier appelé Themes, qui est l’endroit où tous les thèmes WordPress sont installés. Parce que le site utilise un thème appelé communiqué de presse, son style. Le CSS correct se trouve dans le dossier parent du communiqué de presse.
À ce stade, pourriez demander: « Pourquoi y a t il un dossier parent et un dossier enfant? » Camp;rsquoest une bonne question, et allez avoir une réponse. Méthode 2: Modifier CSS avec un thème enfant si avez téléchargé un thème fantastique et que souhaitez y apporter des modifications, utilisez le thème enfant au lieu damp;rsquoéditer le thème principal (ou parent). Pourquoi? Parce que les développeurs peuvent souvent mettre à jour les sujets pour corriger les bogues et modifier la conception. apportez des modifications au thème principal, puis installez des mises à jour, écraserez votre travail acharné.
Damp;rsquoautre part, si effectuez des changements CSS en utilisant des sous thèmes, seul le thème parent est mis à jour. Toute modification apportée au sous thème est conservée. Certains développeurs de thèmes professionnels sont conscients de lamp;rsquoimportance des sous thèmes et en fourniront un. Par conséquent, pouvez mettre à jour les sous thèmes comme le souhaitez sans soucier que les mises à jour des sous thèmes parents écrasent vos changements. avez un sujet qui ne contient pas de sous thèmes, il est facile damp;rsquoen ajouter un. Vous trouverez les instructions dans notre guide complet pour la création de sous thèmes.
Méthode 3:
Et obtenir correcte. Vous êtes intéressé par un simple placement de code? Configuration détaillée du sous thème
Enfin, et ce namp;rsquoest certainement pas le moins important, camp;rsquoest le Configurateur de sous thèmes. Il samp;rsquoagit damp;rsquoune solution qui permet de personnaliser la mise en page du site en utilisant des sous thèmes. Le plug in optimise également votre stratégie de conception. utilisez CSS depuis un certain temps, savez que la structure globale damp;rsquoune feuille de style peut parfois devenir difficile. Le Configurateur de sous thèmes aide à assigner correctement les feuilles de style pour une performance optimale. Le Configurateur de thème pour enfants a été téléchargé plus de 40 000 fois avec une note de 4,8 étoiles. Intéressé par le Configurateur de sous thèmes? En fin de compte, quelle que soit la fonctionnalité que essayez de créer, elle peut avoir été créée par quelquamp;rsquoun damp;rsquoautre qui est prêt à la fournir gratuitement ou à un coût raisonnable. Il est préférable damp;rsquoéconomiser du temps et de choisir la solution qui a été construite pour . Emballage si êtes satisfait de la programmation, créez un thème pour enfants et creusez un style. CSS. Cependant, si ne voulez pas les déranger, il y a beaucoup de plug ins disponibles et ils sont susceptibles de bien répondre à vos besoins. souhaitez développer votre site Web, il est bon de commencer à travailler avec CSS et il y a beaucoup de cours et de tutoriels pour aider. Quelle est votre méthode préférée pour éditer le site WordPress CSS? Veuillez nous le dire dans la section commentaires ci dessous! Étiquette: thème enfant CSS simple CSS Custom weekend WordPress Project
Comment ajouter un CSS personnalisé à un site WordPress: 3 approches explorées
