Mettre du contenu en surbrillance dans WordPress : Blockquote vs Pullquote

Mettre du contenu en surbrillance dans WordPress : Blockquote vs Pullquote

Lorsque vous publiez un nouveau contenu, il est important de prêter attention à sa présentation graphique globale, et pas seulement pour que la page soit belle. La mise en évidence appropriée de certaines sections augmente la clarté et attire l'attention du visiteur sur les éléments clés de votre contenu. En conséquence, l'utilisateur obtiendra les informations les plus essentielles même s'il ne lit pas l'intégralité de l'article et ne le parcourt qu'à la place.

Aujourd'hui, nous allons nous concentrer sur la mise en évidence du texte dans l'éditeur WordPress à l'aide de guillemets. Nous vous montrerons comment faire des guillemets en bloc et des guillemets tirés dans des situations spécifiques et expliquerons la différence entre eux.

L'article répond aux questions suivantes :

Quand utiliser le blockquote

Le terme blockquote a été créé en raccourcissant la phrase blocs de citations ce qui implique qu'il s'agit d'une citation d'un élément individuel (bloc) de contenu. Habituellement, ce n'est pas le texte extrait de l'article lui-même. Les blocs de citations font référence à des sources externes. Vous pouvez les utiliser comme une citation de :

  • Une autre source et des publications professionnelles
  • Citations de personnages célèbres
  • Témoignages de clients satisfaits

Les blocs de citation attirent l'attention sur un certain contenu. Ils marquent l'information comme importante en la différenciant graphiquement du reste du contenu. Les blocs de citations sont souvent indiqués visuellement par des guillemets ou des virgules inversées. Cependant, leur apparence finale dépend du thème WordPress que vous utilisez.

Comment insérer un blockquote dans l'éditeur WordPress

Il existe un bloc spécial pour insérer un bloc de citation dans une page ou un message appelé bloc de citation. Il peut être ajouté à votre page très facilement :

1. La première option consiste à cliquer sur le symbole "+" dans la barre supérieure ou dans l'éditeur où vous souhaitez placer le bloc. Recherchez ensuite le mot "citation" dans la barre de recherche.

Ajout du bloc Citation
Ajout du bloc Citation en cliquant sur "+"

2. La deuxième option consiste à rechercher un bloc en tapant son nom après une barre oblique "/".

Ajouter un bloc de citation à l'aide de la barre oblique "/"
Pour rechercher et ajouter un bloc Citation, vous pouvez également utiliser la barre oblique "/"

Terminé. Vous avez créé un bloc avec un espace réservé et avec le texte "Ecrire un devis".

Styles de bloc et mise en forme

Le bloc de citation nouvellement ajouté a un style et une mise en forme par défaut. Il y a une ligne verticale pour mettre en évidence la citation et la séparer du reste de votre contenu. Cependant, vous pouvez changer le style en "Grand" en cliquant sur l'icône des guillemets (") dans la barre d'outils ou en choisissant "Styles" dans l'inspecteur sur le côté droit.

Grand style supprime la ligne verticale, augmente la taille de la police et la change en italique. Bien que l'apparence finale du devis sur la page d'aperçu dépende de la conception du thème WordPress que vous utilisez.

Modification du style de bloc de devis de Par défaut à Grand
Voyez à quel point le bloc Citation peut être différent lorsque vous changez son style de bloc de Par défaut à Grand

La mise en forme des blocs de citations est similaire à la mise en forme d'un paragraphe. Le format des citations peut être défini sur Gras ou Italique, vous pouvez même utiliser un lien hypertexte (URL) dans une citation. L'alignement du texte peut être à gauche, au centre ou à droite. Le bloc Quote lui-même est toujours fixé à la largeur du contenu.

Transformer Blockquote en un autre type de bloc

Vous pouvez transformer blockquote en un autre type de bloc en un seul clic. L'avantage est que vous pouvez passer directement du bloc Quote à Pullqoute et inversement. Voici une liste complète de tous les blocs disponibles parmi lesquels choisir :

  • Paragraphe
  • Pullqoute
  • Titre
  • Liste

Tirez les guillemets : quand les utiliser ?

Alors que les blockqoutes font référence à des sources externes, les guillemets mettent en évidence les informations les plus importantes extraites directement du contenu de votre page. Cela signifie qu'ils attirent l'attention sur un paragraphe spécifique de votre article ou de votre page et soulignent son importance.

Comment fonctionnent les citations tirées ?

  • En tant qu'élément graphique qui valorise le contenu et sa structure
  • Ils attirent l'attention de l'utilisateur lors du défilement de la page
  • Ils peuvent être utilisés comme sous-titres ou en-têtes sur une page

Comment ajouter un bloc Pullquote

Avant la sortie de l'éditeur de blocs WordPress (versions inférieures à 5.0), il était nécessaire de styliser les guillemets en CSS. Désormais, grâce au bloc Pullquote, vous pouvez les ajouter en quelques clics. Insérer le bloc Pullquote dans la page revient exactement à insérer le bloc Quote. Utilisez simplement le nom de ce bloc lors de la recherche.

Personnalisation du bloc Pullquote

Le bloc Pullqoute propose 2 styles de base - Couleur par défaut et Couleur unie. Vous pouvez passer de l'un à l'autre dans la barre d'outils ou dans l'inspecteur. A quoi est-ce qu'ils ressemblent?

Le style par défaut est caractérisé par deux lignes horizontales, en haut et en bas du devis. Vous pouvez changer la couleur de ces deux lignes, bien que le fond reste blanc.

Style par défaut
Style par défaut de Pullquote

D'autre part, Solid Color est un style au design plus simple et sans lignes. Par rapport au style par défaut, la taille de la police est légèrement plus grande et vous pouvez choisir la couleur d'arrière-plan de l'ensemble du bloc lorsque vous utilisez un style de couleur unie.

Pullquote Couleur unie
Style de couleur unie du bloc Pullquote

Peu importe le style que vous choisissez, vous pouvez changer la couleur de la police dans les deux. Il existe également un formatage de paragraphe standard disponible, comme le gras, l'italique ou l'insertion d'URL.

Options avancées d'alignement des blocs Pullqoute

Contrairement au bloc Quote, le bloc Pullqoute offre plus d'options d'alignement : grande largeur ou pleine largeur, en plus de l'alignement standard (gauche, droite, centre).

Grâce à la vue grand écran, pullqoute peut être utilisé comme en-tête ou sous-titre. Non seulement il peut bien diviser le contenu de la page, mais il sert également de cliffhanger pour inciter l'utilisateur à continuer à parcourir la page. N'oubliez pas que l'apparence finale de votre Pullquote dépend de la conception de votre thème. Tous les thèmes ne prennent pas non plus en charge les options d'alignement avancées.

Alignement pleine largeur du bloc Pullqoute
Pullqoute qui peut fonctionner comme en-tête (étiré sur toute la largeur)

Le thème Citadela vous permet de choisir une largeur large ou pleine largeur sans aucun problème.
Téléchargez-le et voyez par vous-même !

Transformer en un autre type de bloc

Le bloc Pullquote a des possibilités limitées de transformation en un autre type de bloc. En fait, le bloc Pullquote ne peut être transformé qu'en bloc Quote.

Conclusion : Quote block ou Pullquote block ?

Quand utiliser le bloc Quote au lieu du bloc Pullquote et vice versa ?

Nous recommandons le bloc Citation lors de la présentation d'opinions et de citations de personnes célèbres ou pour une citation de sources externes. La citation doit être un texte que les utilisateurs ne trouveront pas directement dans la page ou la publication. C'est parfait pour les témoignages, car ils séparent graphiquement les critiques des autres contenus (à la fois dans la conception et la mise en forme - par exemple en utilisant l'italique). Il est clair à première vue qu'il s'agit d'une citation et donc quelque chose qui doit être souligné.

Le bloc Pullqoute doit être utilisé pour mettre en évidence les informations clés tirées directement du texte sur la page. Étant donné que les pullquotes sont des extraits de contenu, ils permettent à vos visiteurs Web d'apprendre le message le plus important sans avoir à lire l'article en profondeur. Cependant, si les informations contenues dans un bloc Pullquote sont vraiment attrayantes, cela incitera le visiteur à passer plus de temps sur votre site. De plus, vous pouvez également utiliser Pullqoute comme en-tête ou comme substitut aux sous-titres.

Réflexions de 5 sur « Highlighting content in WordPress: Blockquote vs. Pullquote »

  1. Salut Ivi,
    merci pour ce guide sur l'utilisation correcte de wordpress blockquote, j'ai essayé de l'ajouter via mon éditeur de thème et j'ai presque tout planté. Merci encore.

    S'il vous plaît, quel plugin de table des matières WordPress utilisez-vous? C'est beau et j'aimerais le mettre en œuvre sur mon site.

    1. Bonjour Bolarisa,

      Merci pour ton compliment. Veuillez consulter les informations détaillées publiées sur : https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/

      Bien à vous!
      Zlatko
      L'équipe ACI

  2. Dans mon exemple de mise en page des thèmes de plugins citadela pro, je n'ai pas trouvé comment changer la photo dans la citation tirée

    https://prnt.sc/v26fce

    1. Bonjour,

      merci de nous avoir écrit. Nous aimerions vous demander de consulter notre base de connaissances et/ou notre documentation avec des didacticiels vidéo :
      https://www.ait-themes.club/ait-themes-documentation/
      Ou n'hésitez pas à poster des questions techniques directement dans notre système de ticket d'assistance dédié. Veuillez vous connecter à votre compte sur https://system.ait-themes.club/support/add-question.

      Bien à vous!
      Zlatko
      L'équipe ACI

Les commentaires sont fermés.