CSS est une façon de dépasser les limites des thèmes et des options plug in et de vraiment personnaliser l’apparence de chaque élément sur le site WordPress. Mais, comme nous lamp;rsquoavons déjà écrit, un gros problème avec CSS est quamp;rsquoen dépit de sa puissance, il exige des connaissances spéciales, ce qui le rend hors de portée des débutants. Par conséquent, avez ce langage de style puissant, mais seuls les utilisateurs avancés peuvent lamp;rsquoutiliser. Comment faire? Entrez, crayon jaune. Yellowpencil est un plug in qui aide à façonner chaque élément de votre site Web en fournissant une interface visuelle, y compris le thème et le contenu du plug in, ce qui facilite lamp;rsquoédition css pour les utilisateurs débutants et avancés.
Avec yellowpencil, pouvez facilement personnaliser les thèmes et les sorties de plug in en utilisant les conseils et les interfaces de clic, de glisser déposer et de dessin. Dans mon examen de yellowpencil, je vais montrer comment il fonctionne et partager quelques idées. Commentaires de yellowpencil: Voici des détails clairs sur la façon dont yellowpencil facilite l’accès au CSS pour tous les utilisateurs de WordPress Tout damp;rsquoabord, yellowpencil permet damp;rsquoéditer CSS de deux façons différentes: lamp;rsquointerface graphique: Camp;rsquoest le choix de la plupart des utilisateurs. Il suffit de cliquer sur lamp;rsquoélément que souhaitez éditer et de le modifier en utilisant un menu déroulant simple, un sélecteur de couleurs et damp;rsquoautres options. Éditeur de code: connaissez bien CSS, pouvez ajouter du Code directement. Cela reste pratique, car lamp;rsquooutil de vérification peut facilement obtenir le bon sélecteur CSS. Yellowpencil comprend également une conception facile à répondre. Vous pouvez appliquer des styles CSS à des requêtes médias spécifiques pour obtenir des sites Web plus réactifs. le souhaitez, pouvez également modifier le mode de fonctionnement de la requête média (si namp;rsquoêtes pas familier, pouvez le confirmer par la requête média)
Egamento dans le menu de navigation, pouvez appliquer des styles à tous les liens du menu de navigation. Inspecteur unique: sélectionnez seulement lamp;rsquoélément spécifique que avez cliqué. Par exemple, il permet damp;rsquoappliquer des styles uniquement à des liens spécifiques dans le menu de navigation, et non à tous les liens dans le menu de navigation.
Le crayon jaune est un bon élément de modélisation, maintenant nous allons concevoir quelques éléments. Cela me donnera également lamp;rsquooccasion de montrer plus en détail la différence entre les inspecteurs flexibles et les inspecteurs individuels. Supposons que cliquiez sur le lien du menu de navigation en utilisant lamp;rsquoInspecteur flexible. Il y a maintenant de nombreuses options à droite pour appliquer un nouveau style: Lamp;rsquoarticle se poursuit comme suit: Par exemple, si ajoutez une bordure, namp;rsquoavez quamp;rsquoà utiliser les options de style de bordure. Oui, chaque lien du menu a une nouvelle bordure:
voulez juste ajouter une bordure au lien mon compte, pouvez choisir damp;rsquoutiliser un seul vérificateur. Plus comme ça: Dans lamp;rsquoensemble, yellowpencil offre plus de 50 options CSS à ajouter à votre projet, et lamp;rsquoextension: Text background Margin fill Boundary radius location Measurement animation shadow box location and size options est particulièrement intéressante. choisissez lamp;emplacement, pouvez non seulement utiliser des contrôles simples pour gérer lamp;emplacement damp;rsquoun projet, mais aussi le faire glisser et le déposer à lamp;rsquoécran: De même, sélectionnez taille pour redimensionner un élément en faisant glisser et en laissant tomber la sélection:
Honnêtement, camp;rsquoest vraiment génial! Lamp;rsquoarticle se poursuit comme suit: voulez redimensionner et positionner, pouvez même activer un mode wireframe spécial pour simplifier le positionnement et lamp;rsquoalignement des différents éléments: Dans lamp;rsquoensemble, je pense que avez beaucoup de profondeur ici,
En particulier par rapport à damp;rsquoautres instruments disponibles sur le marché. En savoir plus sur la conception réactive et les requêtes des médias si souhaitez modifier la conception réactive damp;rsquoun site, tout ce que avez à faire est damp;rsquoactiver le mode de réponse, serez en mesure de voir tous les points damp;rsquoarrêt du sujet et damp;rsquoafficher un avertissement indiquant lamp;rsquoappareil que éditez actuellement:
En cliquant sur les options ci dessus, serez en mesure de modifier une disposition de réponse spécifique. Lorsque travaillez dans cette interface, les modifications ne samp;rsquoappliquent quamp;rsquoà des requêtes médias spécifiques. Modifier le Code directement si connaissez déjà le CSS, pouvez toujours modifier le Code directement au besoin. Il suffit damp;rsquoactiver lamp;rsquoéditeur de code à partir de la barre latérale gauche et verrez un éditeur de code en temps réel divisé en trois onglets: Vous pouvez modifier un CSS existant ou ajouter votre propre CSS ici. Parcourir les paramètres de yellowpencil et exporter le Code en plus des options damp;rsquointerface que jamp;rsquoai affichées ci dessus, pouvez configurer si voulez que le code CSS soit un fichier CSS statique externe ou un fichier CSS dynamique en ligne (yellowpencil namp;rsquoajoute le code quamp;rsquoaux pages pertinentes):
exportez du Code, pouvez également tous les fichiers CSS modifiés. Cela permettra de supprimer le plug in après lamp;rsquoavoir utilisé: Camp;rsquoest toujours bien quand un plug in donne de la flexibilité au lieu damp;rsquoessayer de arrêter. Combien coûte un crayon jaune? Yellowpencil se vend pour 26 $sur codecanyon et je pense que camp;rsquoest assez abordable pour . Il existe également une version limitée et gratuite de WordPress. Organisation. Pour plus de commodité, jamp;rsquoai vérifié la version pro. Jamp;rsquoaime mon commentaire sur yellowpencil et je pense que camp;rsquoest un bon choix, surtout pour les débutants.
êtes un développeur, pourriez perdre de lamp;rsquoexpérience
Les entités CSS avancées, telles que les fragments de code et les variables, ont damp;rsquoautres éditeurs CSS. Mais yellowpencil a aussi ses propres virages uniques, comme le placement et le redimensionnement glisser déposer, ce qui est génial pour un utilisateur moyen. souhaitez avoir plus de contrôle sur l’apparence de vos thèmes WordPress et plugins, essayez yellowpencil. Même si n’avez jamais entendu parler de CSS, devriez pouvoir l’apprendre rapidement et commencer à apporter des changements majeurs à votre site WordPress. Obtenir un crayon jaune
Commentaires de yellowpencil: personnalisation facile des CSS grâce à l&rsquoédition visuelle
