Lorsque vous voulez qu’une phrase ou deux de votre texte apparaissent vraiment, vous avez plusieurs options de style pour le faire. Vous pouvez utiliser des caractères gras, italiques ou soulignés pour styliser le texte, comme choix évident. Vous pouvez aller plus loin et colorer ou surligner le texte. Vous pouvez également faire quelque chose de plus radical – une option appelée blockquote.
Récemment, nous avons publié un plugin gratuit appelé Qi Addons for Elementor qui contient 60 addons créés par notre équipe. Parmi ces addons, il y a le widget blockquote – un addon qui vous permet d’ajouter et de styliser facilement des blockquotes.
Si vous voulez voir l’addon en action, voici une vidéo pratique expliquant comment l’utiliser pour créer un blockquote simple mais efficace.
Pour ceux d’entre vous qui préfèrent lire, nous utiliserons cet article pour vous montrer la même chose – comment créer un simple blockquote et se familiariser avec certaines des options de cet addon. Vous lirez :
Tout le monde sait ce qu’est une citation – lorsque vous prenez quelque chose que quelqu’un d’autre a dit et que vous l’écrivez tout en reconnaissant ce que vous faites. Beaucoup de gens rencontrent des citations et des citations dans la salle de classe. Ceux qui ne le connaissent pas peuvent facilement s’y familiariser en consommant les médias.
Lorsque vous parlez de blockquotes, vous ne devriez pas prendre le sens le plus strict possible du mot « citation ». Même si vous citez souvent quelqu’un d’autre dans le blockquote, c’est aussi un excellent moyen de mettre en lumière quelque chose d’important que vous avez écrit – citez votre propre texte.
Les guillemets sont, en règle générale, stylisés différemment du reste du texte. Souvent, le texte dans le blockquote sera dans une police différente, généralement en italique. Une taille de police plus grande est également courante dans les guillemets, tout comme l’utilisation de guillemets exagérés ou d’autres éléments visuels – les blockquotes tirent presque toutes les astuces du livre pour faire ressortir leur contenu.
C’est pourquoi nous disons qu’un blockquote est une option de conception pour surligner du texte. Les gens ont pu ajouter un blockquote en utilisant HTML avec les balises
et
. Certains l’ont peut-être utilisé simplement comme un moyen pratique d’ajouter une indentation au texte, car c’est ainsi que les guillemets étaient souvent affichés.
Aujourd’hui, cependant, les citations peuvent être riches et colorées, ou simples et solennelles. L’apparence d’un blockquote dépend de vous et de la méthode que vous utilisez pour les ajouter dans WordPress.
Si vous souhaitez ajouter des blockquotes dans WordPress avec un peu plus de style que ce que vous pourriez obtenir à partir d’une balise HTML, vous devrez d’abord faire quelques choses. Si vous n’avez pas Élémentor déjà installé et activé, c’est quelque chose que vous devrez faire. La version gratuite fonctionnera très bien.
Votre prochaine étape serait alors d’installer notre Modules complémentaires Qi pour Elementor plugin comme vous installeriez n’importe quel autre plugin dans WordPress. Lors de l’activation, vous pouvez créer une nouvelle publication ou une nouvelle page, ou en ouvrir une existante, et vous serez prêt à ajouter un blockquote dans WordPress.
Vous pouvez trouver le widget en recherchant dans le panneau de gauche le terme « blockquote ». Ce sera le widget rouge que vous verrez dans les résultats. Il suffit de le faire glisser vers une section gratuite pour ajouter une citation de bloc dans WordPress. C’est ainsi que nous avons ajouté le nôtre, mais nous avons suivi cette étape avec une simple modification : nous avons modifié la section en choisissant la largeur du contenu de la boîte et en la définissant sur 735.
Cela nous a donné le canevas que nous utiliserons pour éditer et styliser le blockquote. Vous êtes plus que bienvenu pour choisir la mise en page et le style que vous aimez, ou même aller dans les options avancées de la section.
Il y a trois choses importantes que vous pouvez faire dans les options de contenu. Vous pouvez choisir la mise en page – qui fait référence à la position de ces guillemets – modifier le texte et choisir le type d’icône.
Nous avons choisi de nous en tenir à la mise en page supérieure, en gardant les guillemets au-dessus du texte. Nous avons remplacé le lorem ipsum par notre propre texte et nous avons utilisé une icône que nous avons téléchargée dans notre médiathèque.
Comme il n’y a pas grand-chose d’autre à faire dans l’onglet Contenu, nous sommes passés au style de notre blockquote. Aucune raison de vous dépêcher d’expérimenter avec les mises en page, le texte et les types d’icônes – prenez votre temps pour trouver une bonne correspondance.
En passant à l’onglet Style, vous rencontrerez d’abord des options pour modifier l’alignement du texte, le type d’arrière-plan et le type de bordure. L’alignement est une option simple, mais le type d’arrière-plan et le type de bordure cachent une pléthore de choix intéressants que vous pouvez faire. Que vous souhaitiez créer un fond dégradé de couleurs pour votre blockquote ou une double bordure, c’est ici que vous pourrez le faire.
Pour notre blockquote, nous venons de changer l’alignement au centre.
La carte Style de texte est l’endroit où vous trouverez toutes les options de couleur et de typographie pour le texte. Vous pourrez également choisir la balise de texte. Nous avons choisi de ne pas changer la couleur ou la balise par défaut, mais nous avons changé la police en DM Serif Text et le style en italique.
Dans la carte Style d’icône, vous pourrez choisir l’alignement et la taille de l’icône, ainsi que sa couleur. Nous avons seulement décidé de changer la taille de l’icône, en l’augmentant à 47 pixels.
Enfin, la carte Style d’espacement est l’endroit où vous pouvez ajuster le rembourrage du support pour augmenter l’espace autour du texte, la marge supérieure du texte et la marge de l’icône. Nous avons décidé de laisser ces options, satisfaits du résultat de notre blockquote.
Finissons-en !
Que vous les utilisiez pour citer les mots de quelqu’un d’autre ou pour attirer davantage l’attention sur les vôtres, les blockquotes sont l’outil que vous pouvez utiliser pour faire le travail. Et si c’est l’outil que vous prévoyez d’utiliser pour votre site Web, notre widget sera là avec toutes les options dont vous aurez besoin pour personnaliser votre blockquote.
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
