Que pouvez-vous concrètement faire avec Yellow Pencil ?

Dans nos précédents tutoriels, nous vous avons présenté Yellow Pencil et fait le tour de son interface. Depuis le temps, je suppose (si vous avez acheté le plugin) que vous avez déjà fait quelque petits essai, et souhaitez concrètement savoir ce que vous pouvez faire avec cet outil.

Dans ce tutoriel, nous allons vous présenter tout (ou preque) ce que vous pouvez faire avec Yellow Pencil.

Que pouvez-vous faire avec Yellow Pencil ?

Une fois que vous vous êtes familiarisé avec l’interface, il est temps de commencer. Voici un échantillon des nombreux outils de personnalisation que ce plugin offre. Celles-ci vous aideront dans la construction d’un site web professionnel.

Changer la Typographie

Choix d’une police appropriée pour votre site Web est une tâche importante. Yellow Pencil offre une variété d’options pour vous aider à personnaliser 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» à partir du panneau d’édition. Cela fera apparaître des options de personnalisation pour la typographie. Choisissez parmi plus de 600 types de polices disponibles, modifier la taille de la police, changez la hauteur de la ligne, les réglages de l’espacement des lettres et des mots, ainsi que beaucoup d’autres options. Vous pouvez également modifier la couleur de votre texte en sélectionnant l’une des palettes de couleurs que propose Yellow Pencil, ou optez pour votre propre choix de couleur.

Ajouter une bordure

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 sur lequel vous souhaitez ajouter une bordure, sélectionnez « Border » (Bordure) sur le panel d’édition. Il y a quatre styles au choix.

Après avoir sélectionné l’image ou le texte sur lequel vous souhaitez ajouter une bordure, sélectionnez « Border » sur le panel d’édition. Il y a quatre styles au choix comme nous venons de le dire : solide, en pointillés, en « dash » ou masqué. Vous pouvez également modifier la largeur de la bordure pour la rendre plus fine ou plus prononcée, et changer la couleur.

Une caractéristique impressionnante est que vous pouvez personnaliser chaque côté des bordures séparément. Cela signifie que chacun des quatre côtés peut donner une couleur différente, un style et une épaisseur, ce qui entraîne une apparence unique et accrocheuse.

Modifiez le fond

Un fond frappant peut donner un effet « pop ». Yellow Pencil vous permet de modifier l’arrière-plan de chaque élément sur votre site.

Utilisez des animations

L’utilisation des animations est une autre façon d’aider votre contenu à avoir de l’impact. Sous « Animation » dans le panneau d’édition, vous pouvez ajouter un effet d’animation pour un élément précis.

Choisissez une des 50 animations, de zoom, ou sortie en fondu, de rebonds, de filature, et bien plus. Vous pouvez contrôler la durée et le délai, ainsi que de multiples animations en cours d’exécution en même temps, si vous le souhaitez. Cela vous donnera à votre site de l’originalité, ainsi que l’attention sur les aspects importants de votre page. Vous pouvez également créer vos propres animations en sélectionnant le gestionnaire d’animation sur la barre d’outils.

Pour ce faire, cliquez sur l’élément choisi et sélectionnez « Contexte » du sur le panel d’édition.

Ici vous pouvez changer la couleur de fond, ou sélectionnez l’un des modèles de Yellow Pencil. Vous avez également la possibilité de télécharger vos propres images personnalisées. Une fois que vous avez choisi une image comme arrière-plan, vous pouvez régler la taille de l’arrière-plan, la position et si vous avez ajouté une image, vous devez choisir si elle est statique ou défile avec le reste de la page.

Redimensionner et Repositionner tout élément

Redimensionnement et repositionnement tout élément est très simple avec Yellow Pencil.

Pour redimensionner, cliquez sur un élément directement de sorte qu’une bordure de mise en évidence apparaisse. 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 la souris (bouton gauche). Faites glisser l’élément vers l’emplacement où vous souhaitez le faire apparaître.

L’inconvénient de cette fonctionnalité est qu’elle peut causer des problèmes avec l’affichage sur les mobiles. Utilisez l’outil Responsive, disponible dans la barre d’outils, pour voir comment votre page Web s’affichera sur les appareils mobiles. Vous devrez peut-être modifier votre conception en conséquence.

Prix de Yellow Pencil

Le plugin WordPress Yellow Pencil est disponible sur CodeCanyon pour 25 $. Cela comprend 6 mois de support, mais vous avez la possibilité de payer un supplément de 7,88 $ pour étendre l’assistance à un maximum de 12 mois.

Si vous avez des questions, n’hésitez pas à nous en poser.