YellowPencil – Éditeur de style CSS visuel

YellowPencil – Éditeur de style CSS visuel

Auteur : WaspThemes Prix : 26 $

Acheter maintenant

YellowPencil – Éditeur CSS visuel

La version 7.5.3 est sortie ! – La dernière mise à jour a été publiée le 28 septembre 2021

YellowPencil est un plugin d'éditeur de style CSS WordPress qui vous permet de personnaliser la conception de votre site Web en temps réel.

Le plugin vous permet de personnaliser n'importe quelle page et thème sans codage . Cliquez sur un élément et lancez l'édition visuelle. Ajustez les couleurs , les polices , les tailles , les positions et bien plus encore. Prenez le contrôle total de la conception de votre site Web avec plus de 60 propriétés de style.

YellowPencil - Éditeur de style CSS visuel - 1

YellowPencil - Éditeur de style CSS visuel - 2

YellowPencil - Éditeur de style CSS visuel - 3

YellowPencil - Éditeur de style CSS visuel - 4

YellowPencil - Éditeur de style CSS visuel - 5

YellowPencil - Éditeur de style CSS visuel - 6

YellowPencil - Éditeur de style CSS visuel - 7

Éditeur CSS visuel

YellowPencil fournit tout ce dont vous avez besoin pour personnaliser la conception de votre site. Le plugin est livré avec des fonctionnalités avancées telles que le redimensionnement visuel, le glisser-déposer, un outil de mesure ainsi qu'une tonne de ressources que les motifs d'arrière-plan, les polices google et les palettes de couleurs tendance, ainsi qu'un outil réactif avancé qui vous permet de personnaliser votre site pour n'importe quel écran Taille.

Principales caractéristiques

  • Personnalisez n'importe quelle page, n'importe quel élément
  • Personnaliser la page de connexion WordPress
  • Sélecteurs CSS automatiques
  • Plus de 60 propriétés CSS
  • Glisser-déposer visuel
  • Modification visuelle de la marge et du remplissage
  • Éditeur CSS en direct
  • Aperçu en direct
  • Gérer les changements
  • Annuler / Rétablir l'historique
  • Exporter le fichier de feuille de style

Outils de conception

Le plugin vous fournit des outils avancés et des bibliothèques prêtes à l'emploi pour styliser votre site Web sans effort.

  • Inspecteur d'éléments flexibles
  • Inspecteur à élément unique
  • Outil réactif
  • Outil de recherche d'éléments
  • Outil de mesure
  • Vue filaire
  • Outil d'information sur la conception
  • Générateur de gradient
  • Responsable animations
  • Générateur d'animations

Actifs de conception

Accédez à de nombreux éléments de conception en un seul clic. Personnalisez le design de votre site Web en fonction de vos besoins !

  • Plus de 900 polices Google
  • Plus de 300 motifs de fond
  • Unsplash images d'arrière-plan
  • Palettes de matières et de couleurs plates
  • 50+ animations

Propriétés CSS: Texte

  • Famille de polices
  • Poids de la police
  • Couleur
  • Ombre de texte
  • Taille de police
  • Hauteur de la ligne
  • Le style de police
  • Aligner le texte
  • Transformation de texte
  • L'espacement des lettres
  • Espacement des mots
  • Décoration de texte
  • Retrait du texte
  • Enveloppement de mots

Propriétés CSS: Arrière-plan

  • Couleur de l'arrière plan
  • Image de fond
  • Clip d'arrière-plan
  • Mode de fusion d'arrière-plan
  • Position d'arrière-plan
  • Taille de l'arrière-plan
  • Répétition du fond
  • Pièce jointe en arrière-plan

Autres propriétés CSS

  • Marge
  • Rembourrage
  • Frontière
  • Rayon de la frontière
  • Position
  • Largeur
  • Hauteur
  • Listes
  • Boîte flexible
  • Animation
  • Boîte ombre
  • Transition
  • Filtre
  • Transformer
  • Opacité
  • Affichage
  • Le curseur
  • Flotter
  • Dégager
  • Visibilité
  • Événements de pointeur
  • Débordement

Compatible avec n'importe quel thème et plugin

Cela fonctionne de manière transparente avec presque tous les thèmes et plugins WordPress. Vous pouvez l'utiliser pour éditer les pages que vous avez créées avec les générateurs de pages.

Compatible avec tous les constructeurs de pages

Le plugin vous permet de personnaliser les pages créées avec l'éditeur de blocs Gutenberg, Elementor ou un autre constructeur de pages. Re-concevez votre site Web aujourd'hui.

Comment cela marche-t-il?

Le plugin génère des codes CSS comme un développeur Web professionnel en arrière-plan pendant que vous modifiez visuellement la page Web.

Le plugin ne modifie aucun fichier de thème, au lieu de charger les codes CSS générés sur le site Web de manière dynamique afin que vous puissiez gérer les modifications à tout moment.

Documentation et assistance

Communauté

Rejoignez la communauté Facebook pour des discussions, des commentaires et de l'aide.

Acheter maintenant

20 thoughts on “YellowPencil – Éditeur de style CSS visuel”

  1. Hi There,

    I glad you like it! 🙂 You can access the theme colors from Left Panel > Design Information > Typography but you cannot add color palette to YellowPencil on the current version.

    Best Regards

  2. it does not work for me. I try to edit but it redirects to the view mode where I can only browse the page

  3. Hi There,

    This is good idea, I can add a SCSS option to the plugin in future update. Thank you for your feedback!

    Best Regards

  4. Hi There

    Yes, you are right. 🙂 Let us know your expectation on the new updates 🙂

    Best Regards

  5. We would like to have these Functions:
    • more useful Shadow-Styles (for Texts & Objects)
    • copy & paste complete or partial css styles (see divis new feature)
    • Quick Button Creator (from Text-Links) with Random-Art-Style Button Function (1 Click Suggestion)
    • Intelligent Responsive Scaling (auto add all standart responsive resolutions @media and allow to quickly scale them intelligently all with one Bar (—|–)
    Basically that’s pure math, reduce all values by x% with resolution 1,2,3,5,6,7
    • Non-Wordpress Version

    Maybe you could add some of those goodies? 😉 We all want to create fast, easyy and sexy Websites with your Tool, so we need everything 😉

  6. Hello,

    I have an issue, I have saved my changes on my page via Yellow Pencil, however, the actual page on the site still looks as if it has not, the effects are not taking place.

  7. I am interested in buying extended license for one end product. how to remove key option so that users dont have to enter it for using it ?

  8. WaspThemes_Support

    Hi, this is explanation for Extended licence

    “Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.”

    You can read more about it here

    Best regards!

  9. synopsisconcept

    I’ve tried the free version, but it doesn’t works. I’ve dwl, activated, but when I try to edit my pages, it doesn’t works… Oops

Leave a Comment

Your email address will not be published. Required fields are marked *