Ajustez votre conception de thème WordPress avec un crayon jaune

Comment personnaliser votre conception de thème WordPress

Si vous souhaitez personnaliser la conception de votre thème WordPress en toute simplicité, Plugin WordPress pour 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 du crayon jaune vous apprendra la joie de la conception Web, tout en créant un beau site pour épater vos visiteurs. Modifiez n’importe quel élément de votre site Web, le tout en amont 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 et 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?

Crayon jaune qui

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, parfait 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 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 pour vous.

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

Caractéristiques clés 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. Le crayon jaune générera du code en arrière-plan. Par conséquent, à moins que vous ne le souhaitiez, vous n’aurez pas besoin de consulter le code vous-même. Les autres fonctionnalités incluent:

  • Faites glisser et déposez pour repositionner les éléments
  • Redimensionnez 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 choisissez parmi les palettes de couleurs modernes de Yellow Pencil
  • Utilisez 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.

Alors maintenant, nous savons 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

Le crayon jaune 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» depuis 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».

Crayon jaune Ajouter nouveau

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

Téléchargement au crayon jaune

D’où vous l’avez téléchargé, sélectionnez «waspthemes-yellow-pencil.zip». Cliquez sur “Installer maintenant”.

Installation au crayon jaune

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

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, les didacticiels et les autres aides et supports dont vous pourriez avoir besoin pour démarrer.

Crayon jaune Bienvenue

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 dans la partie gauche de la page affiche les outils disponibles.

Crayon jaune barre gauche

Le panneau qui plane 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 qu’il est possible de modifier dans.

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 du style.

Élément de crayon jaune sélectionné

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

Élément de crayon jaune sélectionné

Outils importants dont vous aurez besoin

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

Outils de la barre d'outils Crayon jaune

  • Inspecteur d’éléments – Cela vous permet de sélectionner n’importe quel élément de la page à personnaliser.
  • Annuler et refaire – Essayez différentes conceptions 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

  • Prévisualisation en direct – Prévisualisez vos modifications sans que l’interface 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, appuyez simplement sur le bouton Enregistrer.

Sélection d’un type de Customizing

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, quand aucun élément n’est sélectionné. Il existe trois types de choix: Global Customize, Customize One Page et Customize Templates.

Chacun des types est relativement explicite. La sélection de “Global Customize” signifie que les modifications que vous apporterez seront applicables à chaque page de votre site. Si vous choisissez “Personnaliser une page”, toutes les modifications affecteront uniquement 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 le bon type avant d’enregistrer votre travail.

Que pouvez-vous faire avec un 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 offerts par ce plugin. Ceux-ci vous aideront à créer un site Web beau et professionnel.

Changer la typographie

Typographie au 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 à mettre en forme 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 pour 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, ainsi que bien d’autres. 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

Bordure 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 frappant peut aider à faire ressortir un élément. Le crayon jaune 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, choisir parmi l’un des motifs de 300 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 50+ animations dans le gestionnaire d’animation en direct, du zoom avant ou fondu au rebond, à la rotation et bien plus encore. Vous pouvez contrôler la durée et le délai, ainsi que l’exécution simultanée de plusieurs animations, 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 boîte surlignée en bleu 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 enfoncé le bouton de votre souris. Faites-le glisser et déposez-le à la position appropriée sur la page.

Goutte de dragon crayon jaune

L’inconvénient de cette fonctionnalité de glisser-déposer est qu’elle peut entraîner des problèmes de visualisation sur les mobiles. Utilisez l’outil réactif, 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 Yellow Pencil WordPress est disponible chez CodeCanyon pour 26 $. Cela comprend 6 mois d’assistance, mais vous avez la possibilité de payer un supplément de 7,88 $ pour étendre l’assistance jusqu’à 12 mois..

Dernières pensées

Le crayon jaune 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 WordPress? Veuillez partager vos réflexions ci-dessous…

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me