Si vous cherchez à personnaliser la conception de votre thème WordPress de manière simple, alors le Plugin WordPress Yellow Pencil peut être juste le complément dont vous avez besoin pour votre site. Cet éditeur de style visuel vous permettra de modifier l’apparence de votre site, sans avoir à toucher une ligne de code.

Utiliser Yellow Pencil vous apprendra la joie de la conception Web, tout en créant un site magnifique pour épater vos visiteurs. Modifiez n’importe quel élément de votre site Web, le tout sur le front-end et en temps réel. Les seules limites à la conception de votre site seront votre propre imagination.

Ce guide détaillé sur l’utilisation de la version premium de Yellow Pencil couvrira ses principales fonctionnalités, y compris ses capacités d’édition CSS en direct pointer-cliquer et sa compatibilité avec n’importe quel thème WordPress. Nous examinerons ensuite l’expérience utilisateur proposée, vous permettant de vous installer et de concevoir en un rien de temps.

À qui s’adresse le crayon jaune?

Que vous recherchiez un moyen plus rapide de personnaliser votre site ou que vous ne soyez pas familier avec CSS, Yellow Pencil peut vous aider. Ce plugin comprend des outils avancés et des options de personnalisation, parfaits pour les professionnels qui cherchent à créer de nouveaux sites pour les clients.

Cependant, le manque de codage nécessaire, la facilité d’utilisation, l’interface intuitive et la documentation de support détaillée signifie que même ceux qui ont une expérience de conception limitée peuvent accéder à ce plugin. En bref, si vous souhaitez personnaliser l’apparence de votre site Web WordPress, Yellow Pencil est l’éditeur de style visuel qu’il vous faut.

En bref, si vous souhaitez personnaliser l’apparence de votre site Web WordPress, Yellow Pencil est l’éditeur de style visuel qu’il vous faut.

Principales caractéristiques du crayon jaune

Caractéristiques du crayon jaune

Yellow Pencil est un outil de conception vraiment impressionnant. Les fonctionnalités et outils disponibles permettent un contrôle total sur l’apparence de votre site. Il peut être utilisé sur n’importe quel thème ou plugin WordPress et vous permettra de créer des pages Web élégantes et réactives.

L’inspecteur d’éléments vous permet de sélectionner et de personnaliser chaque élément visuel de votre site Web WordPress. Modifiez les couleurs, les arrière-plans, les bordures et bien plus encore. Tout cela se fait en temps réel, sur le front-end de votre site, afin que vous puissiez visualiser les modifications au fur et à mesure que vous les apportez. Yellow Pencil générera du code en arrière-plan, donc à moins que vous ne le souhaitiez, vous n’aurez pas besoin de regarder vous-même le code. Les autres caractéristiques comprennent:

  • Faites glisser et déposez pour repositionner les éléments
  • Redimensionner les éléments au toucher de votre souris
  • Choisissez parmi plus de 600 polices, plus de 300 motifs d’arrière-plan, plus de 50 animations et bien plus encore
  • Couleurs illimitées disponibles ou sélectionnez parmi les palettes de couleurs modernes de Yellow Pencil
  • Utilisez un éditeur CSS en direct

Une documentation et un support complets sont également disponibles pour vous aider à tirer le meilleur parti de cet éditeur de style visuel WordPress.

Nous savons maintenant ce que Yellow Pencil a à offrir. Mais comment commencer et l’expérience utilisateur est-elle aussi impressionnante que les fonctionnalités qu’elle offre?

Comment installer le crayon jaune

Yellow Pencil est extrêmement rapide et facile à installer. Une fois que vous avez acheté le plugin de CodeCanyon (ou acheté un thème premium comme New York qui inclut le plugin gratuitement), téléchargez le «fichier WordPress installable uniquement» depuis votre page de téléchargement Envato (ou vous pouvez utiliser la version gratuite disponible sur WordPress.org).

Ensuite, ouvrez votre tableau de bord WordPress. Sélectionnez «Plugins»> «Ajouter un nouveau».

Crayon jaune Ajouter nouveau

Sur la page Ajouter des plugins, cliquez sur «Télécharger un plug-in»> «Choisir un fichier».

Téléchargement de crayon jaune

À partir de l’endroit où vous l’avez téléchargé, sélectionnez «waspthemes-yellow-pencil.zip». Cliquez sur «Installer maintenant».

Installation du crayon jaune

Une fois le plugin installé, cliquez sur «Activer». Saisissez le code d’activation qui vous a été fourni lors de l’achat du plugin. Cela vous donnera accès aux mises à jour du plugin au fur et à mesure de leur publication.

Après l’activation, la page d’accueil de la page jaune apparaîtra sur votre tableau de bord. Sous «Ressources», vous trouverez la documentation du plugin, des tutoriels et d’autres aides et supports dont vous pourriez avoir besoin pour commencer.

Crayon jaune Bienvenue

Lorsque vous êtes prêt, cliquez sur «Commençons». Cela vous mènera directement en mode édition.

Comprendre l’interface du crayon jaune

L’interface du crayon jaune est très claire et intuitive à utiliser. La barre qui descend sur le côté gauche de la page affiche les outils disponibles.

Barre gauche crayon jaune

Le panneau qui survole sur le côté droit de la page est le panneau de l’éditeur. Lorsqu’aucun élément de la page n’est sélectionné, il affichera les trois types de personnalisation dans lesquels il est possible de modifier.

Panneau de l'éditeur de crayon jaune

Lorsque vous cliquez sur un élément de la page, le panneau de l’éditeur change pour contenir les propriétés de style.

Élément de crayon jaune sélectionné

Une boîte bleue apparaîtra autour d’un élément sélectionné, affichant des options de personnalisation supplémentaires.

Élément de crayon jaune sélectionné

Outils importants dont vous aurez besoin

La barre d’outils, sur le côté gauche, affiche de nombreux outils, mais quelques-uns sont immédiatement importants pour vous aider à démarrer…

Outils de la barre d'outils du crayon jaune

  • Inspecteur d’éléments – Cela vous permet de sélectionner n’importe quel élément de la page à personnaliser.
  • Annuler et rétablir – Essayez différents modèles sur votre page en toute sécurité en sachant que vous pouvez annuler ou refaire vos modifications.
  • Plein écran – Travaillez en plein écran, vous donnant une vue claire de vos personnalisations au fur et à mesure que vous les faites.

Le panneau de l’éditeur comprend trois boutons cruciaux…

Boutons du panneau de l'éditeur de crayon jaune

  • Aperçu en direct – Prévisualisez vos modifications sans qu’aucune des interfaces du crayon jaune ne soit affichée.
  • Réinitialiser les modifications – Vous n’aimez pas vos modifications? Réinitialisez simplement les modifications que vous avez apportées.
  • Enregistrer – Une fois que vous avez prévisualisé votre travail et que vous êtes satisfait des résultats, cliquez simplement sur le bouton Enregistrer.

Sélection d’un type de personnalisation

Type de personnalisation de crayon jaune

Avant de sélectionner un élément sur votre page et de commencer à le modifier, vous devez d’abord choisir un type de personnalisation. Ceux-ci sont affichés sur le panneau de l’éditeur, lorsqu’aucun élément n’est sélectionné. Vous avez le choix entre trois types; Global Personnalisez, personnalisez une page et personnalisez les modèles.

Chacun des types est relativement explicite. La sélection de «Personnaliser global» signifie que les modifications que vous apportez seront applicables à chaque page de votre site. Si vous choisissez “Personnaliser une page”, toutes les modifications n’affecteront que la page sur laquelle vous travaillez. «Personnaliser les modèles» s’applique au type de publication actuel, une bonne option si vous souhaitez configurer toutes les pages de produit ou de blog.

Le type de personnalisation que vous avez choisi sera affiché en haut du panneau de l’éditeur. Assurez-vous de vérifier que vous modifiez dans le bon type avant d’enregistrer votre travail.

Que pouvez-vous faire avec le crayon jaune?

Une fois que vous vous êtes familiarisé avec l’interface, il est temps de commencer. Vous trouverez ci-dessous un exemple de certains des nombreux outils et fonctionnalités de personnalisation proposés par ce plugin. Ceux-ci vous aideront à créer un site Web beau et professionnel.

Changer la typographie

Typographie de crayon jaune

Le choix d’une police adaptée à votre site Web est une tâche importante. Le crayon jaune offre une variété d’options pour vous aider à styliser votre texte d’une manière qui correspond à la conception de votre site Web et attire l’attention de votre lecteur.

Cliquez sur une section de texte que vous souhaitez modifier, puis sélectionnez «Texte» dans le panneau de l’éditeur. Cela fera apparaître les options de personnalisation de la typographie. Choisissez parmi plus de 600 types de polices, modifiez la taille de la police, modifiez la hauteur de la ligne, contrôlez l’espacement des lettres et des mots, et bien plus encore. Vous pouvez également modifier la couleur de votre texte en choisissant parmi l’une des palettes de couleurs modernes de Yellow Pencil, ou opter pour votre propre choix de couleur.

Ajouter une bordure

Bordure de crayon jaune

L’ajout d’une bordure à certains éléments d’une page peut aider à mettre en évidence des informations importantes et à créer des visuels efficaces. Après avoir sélectionné l’image ou le texte auquel vous souhaitez ajouter une bordure, sélectionnez «Bordure» dans le panneau de l’éditeur. Il existe quatre styles de

Après avoir sélectionné l’image ou le texte auquel vous souhaitez ajouter une bordure, sélectionnez «Bordure» dans le panneau de l’éditeur. Vous avez le choix entre quatre styles de bordure; solide, pointillé, pointillé ou caché. Vous pouvez également modifier la largeur de la bordure pour la rendre plus définie et changer la couleur.

Une caractéristique impressionnante est que vous pouvez personnaliser chaque côté de la bordure séparément. Cela signifie que chacun des quatre côtés peut recevoir une couleur, un style et une épaisseur différents, ce qui donne une apparence unique et accrocheuse.

Modifier l’arrière-plan

Fond de crayon jaune

Un arrière-plan saisissant peut aider à faire ressortir un élément. Yellow Pencil vous permet de modifier l’arrière-plan de chaque élément de votre site.

Pour ce faire, cliquez sur l’élément choisi et sélectionnez «Arrière-plan» dans le panneau de l’éditeur.

Ici, vous pouvez changer la couleur d’arrière-plan, sélectionner l’un des 300+ motifs de crayons jaunes ou choisir un dégradé CSS. Vous avez également la possibilité de télécharger vos propres images personnalisées. Une fois que vous avez choisi un arrière-plan, vous pouvez ajuster la taille et la position de l’arrière-plan et, si vous avez ajouté une image, choisir si elle est statique ou défile avec le reste de la page.

Utiliser des animations

Animation au crayon jaune

L’utilisation d’animations est un autre excellent moyen d’aider votre contenu à avoir un impact. Sous «Animation» dans le panneau de l’éditeur, vous pouvez ajouter un effet d’animation à l’élément choisi.

Choisissez l’une des plus de 50 animations dans le gestionnaire d’animations en direct, du zoom avant ou de la décoloration, au rebond, à la rotation et bien plus encore. Vous pouvez contrôler la durée et le délai, ainsi que lancer plusieurs animations simultanément, si vous le souhaitez. Cela donnera de l’originalité à votre site et attirera l’attention sur les aspects importants de votre page. Vous pouvez également créer vos propres animations personnalisées en sélectionnant le générateur d’animations dans la barre d’outils.

Redimensionner et repositionner n’importe quel élément

Redimensionner et repositionner n’importe quel élément est très simple avec le crayon jaune.

Pour redimensionner, cliquez directement sur un élément afin que la boîte en surbrillance bleue apparaisse autour de lui. Ensuite, faites simplement glisser les lignes horizontales et verticales de la boîte bleue pour modifier la taille.

Redimensionner le crayon jaune

Pour repositionner un élément, cliquez dessus puis maintenez le bouton de la souris enfoncé. Faites-le glisser et déposez-le à la position appropriée sur la page.

Crayon jaune Dragon Drop

L’inconvénient de cette fonction de glisser-déposer est qu’elle peut causer des problèmes de visualisation sur les mobiles. Utilisez le Responsive Tool, qui se trouve dans la barre d’outils, pour voir à quoi ressemblera votre page Web sur toutes les tailles d’écran. Vous devrez peut-être modifier votre conception en conséquence.

Tarification

Prix ​​du crayon jaune

Le plugin WordPress Yellow Pencil est disponible chez CodeCanyon pour 26 $. Cela inclut 6 mois de support, mais vous avez la possibilité de payer un supplément de 7,88 $ pour étendre le support jusqu’à 12 mois.

Dernières pensées

Yellow Pencil est un excellent outil à utiliser si vous souhaitez personnaliser l’apparence de votre site WordPress. Les fonctionnalités et la facilité d’utilisation vous fournissent tout ce dont vous avez besoin pour créer un site Web WordPress personnalisé. Pour de meilleurs résultats, assurez-vous d’avoir une vision claire de l’apparence de votre site.

Yellow Pencil possède-t-il les fonctionnalités dont vous avez besoin pour personnaliser votre site Web WordPress? Veuillez partager vos réflexions ci-dessous…

Share: