Commentaires de yellowpencil: personnalisation facile des CSS grâce à l’édition visuelle

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 l’avons déjà écrit, un gros problème avec CSS est qu’en 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, vous avez ce langage de style puissant, mais seuls les utilisateurs avancés peuvent l’utiliser. Comment faire? Entrez, crayon jaune. Yellowpencil est un plug – in qui vous 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 l’édition css pour les utilisateurs débutants et avancés.
Avec yellowpencil, vous 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 vous 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 d’abord, yellowpencil vous permet d’éditer CSS de deux façons différentes: l’interface graphique: C’est le choix de la plupart des utilisateurs. Il suffit de cliquer sur l’élément que vous souhaitez éditer et de le modifier en utilisant un menu déroulant simple, un sélecteur de couleurs et d’autres options. Éditeur de code: Si vous connaissez bien CSS, vous pouvez ajouter du Code directement. Cela reste pratique, car l’outil 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. Si vous le souhaitez, vous pouvez également modifier le mode de fonctionnement de la requête média (si vous n’êtes pas familier, vous pouvez le confirmer par la requête média)
Egamento dans le menu de navigation, vous pouvez appliquer des styles à tous les liens du menu de navigation. Inspecteur unique: sélectionnez seulement l’élément spécifique que vous avez cliqué. Par exemple, il vous permet d’appliquer 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 l’occasion de vous montrer plus en détail la différence entre les inspecteurs flexibles et les inspecteurs individuels. Supposons que vous cliquiez sur le lien du menu de navigation en utilisant l’Inspecteur flexible. Il y a maintenant de nombreuses options à droite pour appliquer un nouveau style: L’article se poursuit comme suit: Par exemple, si vous ajoutez une bordure, vous n’avez qu’à utiliser les options de style de bordure. Oui, chaque lien du menu a une nouvelle bordure:
Si vous voulez juste ajouter une bordure au lien mon compte, vous pouvez choisir d’utiliser un seul vérificateur. Plus comme ça: Dans l’ensemble, yellowpencil vous offre plus de 50 options CSS à ajouter à votre projet, et l’extension: Text background Margin fill Boundary radius location Measurement animation shadow box location and size options est particulièrement intéressante. Si vous choisissez l’emplacement, vous pouvez non seulement utiliser des contrôles simples pour gérer l’emplacement d’un projet, mais aussi le faire glisser et le déposer à l’écran: De même, sélectionnez taille pour redimensionner un élément en faisant glisser et en laissant tomber la sélection:
Honnêtement, c’est vraiment génial! L’article se poursuit comme suit: Si vous voulez redimensionner et positionner, vous pouvez même activer un mode wireframe spécial pour simplifier le positionnement et l’alignement des différents éléments: Dans l’ensemble, je pense que vous avez beaucoup de profondeur ici,
En particulier par rapport à d’autres instruments disponibles sur le marché. En savoir plus sur la conception réactive et les requêtes des médias si vous souhaitez modifier la conception réactive d’un site, tout ce que vous avez à faire est d’activer le mode de réponse, vous serez en mesure de voir tous les points d’arrêt du sujet et d’afficher un avertissement indiquant l’appareil que vous éditez actuellement:
En cliquant sur les options ci – dessus, vous serez en mesure de modifier une disposition de réponse spécifique. Lorsque vous travaillez dans cette interface, les modifications ne s’appliquent qu’à des requêtes médias spécifiques. Modifier le Code directement si vous connaissez déjà le CSS, vous pouvez toujours modifier le Code directement au besoin. Il suffit d’activer l’éditeur de code à partir de la barre latérale gauche et vous 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 d’interface que j’ai affichées ci – dessus, vous pouvez configurer si vous voulez que le code CSS soit un fichier CSS statique externe ou un fichier CSS dynamique en ligne (yellowpencil n’ajoute le code qu’aux pages pertinentes):
Si vous exportez du Code, vous pouvez également télécharger tous les fichiers CSS modifiés. Cela vous permettra de supprimer le plug – in après l’avoir utilisé: C’est toujours bien quand un plug – in vous donne de la flexibilité au lieu d’essayer de vous arrêter. Combien coûte un crayon jaune? Yellowpencil se vend pour 26 $sur codecanyon et je pense que c’est assez abordable pour vous. Il existe également une version limitée et gratuite de WordPress. Organisation. Pour plus de commodité, j’ai vérifié la version pro. J’aime mon commentaire sur yellowpencil et je pense que c’est un bon choix, surtout pour les débutants.
Si vous êtes un développeur, vous pourriez perdre de l’expérience
Les entités CSS avancées, telles que les fragments de code et les variables, ont d’autres é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. Si vous souhaitez avoir plus de contrôle sur l’apparence de vos thèmes WordPress et plugins, essayez yellowpencil. Même si vous n’avez jamais entendu parler de CSS, vous devriez pouvoir l’apprendre rapidement et commencer à apporter des changements majeurs à votre site WordPress. Obtenir un crayon jaune