Si vous cherchez à personnaliser la conception de votre thème WordPress en toute simplicité, alors le Plugin WordPress Crayon Jaune peut être juste le module complémentaire 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.
L’utilisation de Yellow Pencil vous apprendra la joie de la conception Web, tout en créant un magnifique site pour épater vos visiteurs. Modifiez n’importe quel élément de votre site Web, le tout directement 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 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.
A qui s’adresse le crayon jaune ?
Que vous recherchiez un moyen plus rapide de personnaliser votre site ou que vous ne connaissiez pas CSS, Yellow Pencil peut vous aider. Ce plugin comprend des outils avancés et des options de personnalisation, parfaits pour les professionnels cherchant à créer de nouveaux sites pour leurs clients.
Cependant, le manque de codage nécessaire, la facilité d’utilisation, l’interface intuitive et la documentation d’assistance détaillée signifient 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 WordPress, Yellow Pencil est l’éditeur de style visuel qu’il vous faut.
En bref, si vous souhaitez personnaliser l’apparence de votre site WordPress, Yellow Pencil est l’éditeur de style visuel qu’il vous faut.
Principales caractéristiques du crayon jaune
Yellow Pencil est un outil de conception vraiment impressionnant. Les fonctionnalités et les 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, vous pouvez donc 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 vouliez, vous n’aurez pas besoin de regarder vous-même le code. Les autres fonctionnalités incluent :
- Glissez-déposez pour repositionner les éléments
- Redimensionnez les éléments avec le 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 choisissez parmi les palettes de couleurs modernes de Yellow Pencil
- Utiliser un éditeur CSS en direct
Une documentation et une assistance complètes sont également disponibles pour vous aider à tirer le meilleur parti de cet éditeur de style visuel WordPress.
Nous savons donc maintenant ce que Yellow Pencil a à offrir. Mais par où 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 auprès de CodeCanyon (ou acheté un thème premium comme New York qui inclut le plugin gratuitement), téléchargez le « Fichier WordPress installable uniquement » à partir de votre page de téléchargements Envato (ou vous pouvez utiliser la version gratuite disponible sur WordPress.org).
Ouvrez ensuite votre tableau de bord WordPress. Sélectionnez « Plugins » > « Ajouter un nouveau ».
Sur la page Ajouter des plug-ins, cliquez sur « Télécharger le plug-in » > « Choisir un fichier ».
À partir de l’endroit où vous l’avez téléchargé, sélectionnez « waspthemes-yellow-pencil.zip ». Cliquez sur « Installer maintenant ».
Une fois le plugin installé, cliquez sur ‘Activer’. Entrez le code d’activation que vous avez reçu lors de l’achat du plugin. Cela vous donnera accès aux mises à jour des plugins au fur et à mesure de leur publication.
Après l’activation, la page d’accueil Yellow Page apparaîtra sur votre tableau de bord. Sous « Ressources », vous trouverez la documentation du plug-in, des didacticiels et d’autres aides et supports dont vous pourriez avoir besoin pour commencer.
Lorsque vous êtes prêt, cliquez sur « Commençons ». Cela vous amènera directement en mode édition.
Comprendre l’interface du crayon jaune
L’interface Yellow Pencil est très claire et intuitive à utiliser. La barre qui descend du côté gauche de la page affiche les outils disponibles.
Le panneau qui survole 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 qu’il est possible de modifier.
Lorsque vous cliquez sur un élément de la page, le panneau de l’éditeur change pour contenir les propriétés de style.
Une boîte bleue apparaîtra autour d’un élément sélectionné, affichant des options de personnalisation supplémentaires.
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…
- 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érentes conceptions sur votre page en sachant que vous pouvez annuler ou rétablir vos modifications.
- Plein écran – Travaillez en plein écran, ce qui vous donne une vue claire de vos personnalisations au fur et à mesure que vous les effectuez.
Le panneau de l’éditeur comprend trois boutons cruciaux…
- Aperçu en direct – Prévisualisez vos modifications sans aucune interface du crayon jaune à l’écran.
- 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, appuyez simplement sur le bouton Enregistrer.
Sélection d’un type de personnalisation
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; Personnalisation globale, personnalisation d’une page et personnalisation des modèles.
Chacun des types est relativement explicite. La sélection de « Global Personnaliser » 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 produits ou de blogs.
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 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 échantillon de certains des nombreux outils et fonctionnalités de personnalisation proposés par ce plugin. Ceux-ci vous aideront à créer un site Web magnifique et professionnel.
Changer la typographie
Choisir une police appropriée pour votre site Web est une tâche importante. Yellow Pencil 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 qui 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 pour la typographie. Choisissez parmi plus de 600 types de polices, modifiez la taille de la police, modifiez la hauteur des lignes, contrôlez l’espacement des lettres et des mots, et bien plus encore. Vous pouvez également modifier la couleur de votre texte en sélectionnant l’une des palettes de couleurs modernes de Yellow Pencil, ou opter pour votre propre choix de couleur.
Ajouter une bordure
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 bordures ; plein, en pointillés, en pointillés ou masqués. 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 avoir une couleur, un style et une épaisseur différents, ce qui donne un aspect unique et accrocheur.
Modifier l’arrière-plan
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 Yellow Pencils 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
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 du fondu arrière 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 essayer de créer vos propres animations personnalisées en sélectionnant le générateur d’animation 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 Yellow Pencil.
Pour redimensionner, cliquez directement sur un élément afin que la case en surbrillance bleue apparaisse autour de celui-ci. Ensuite, faites simplement glisser les lignes horizontales et verticales de la boîte bleue pour modifier la taille.
Pour repositionner un élément, cliquez dessus puis maintenez le bouton de votre souris enfoncé. Faites-le glisser et déposez-le à la position appropriée sur la page.
L’inconvénient de cette fonctionnalité de glisser-déposer est qu’elle peut causer des problèmes de visualisation sur les mobiles. Utilisez l’outil réactif, situé 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.
Prix
Le plugin WordPress Yellow Pencil est disponible chez CodeCanyon pour 26 $. Cela comprend 6 mois d’assistance, mais vous avez la possibilité de payer 7,88 $ supplémentaires pour étendre l’assistance 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 que vous voulez donner à votre site.
Yellow Pencil possède-t-il les fonctionnalités dont vous avez besoin pour personnaliser votre site WordPress ? Veuillez partager vos pensées ci-dessous…