Comment mettre un cadre autour d'un texte dans WordPress

Comment mettre un cadre autour d'un texte dans WordPress

Une présentation efficace du contenu est essentielle au succès de tout site web. C'est pourquoi vous devez présenter votre contenu web dans des styles différents pour répondre à des besoins différents afin qu'il devienne facilement lisible pour les visiteurs et les utilisateurs du web.

La mise en place d'encadrés autour des textes peut être un moyen efficace d'y parvenir. En effet, cela permet de distinguer complètement certains textes des autres. Ce concept est très efficace pour présenter des détails importants, des citations et des appels à l'action.

Dans ce tutoriel, nous allons vous montrer plusieurs méthodes pour mettre un cadre autour d'un texte dans WordPress.

Créer de belles tables
Avec l'éditeur de blocs

Première méthode : utiliser le bloc de groupe

Le groupe est un bloc par défaut de WordPress. Ce bloc vous permet d'ajouter plusieurs autres blocs à l'intérieur de celui-ci.

Étape 01 : Ajouter le bloc de groupe à l'éditeur

Recherchez et ajoutez le Bloc de groupe à l'éditeur.

Ajouter le bloc Groupe à l'éditeur

Sélectionner une mise en page pour le bloc Groupe. Pour ce tutoriel, nous sélectionnerons la première mise en page.

Sélectionner une mise en page pour le bloc Groupe

Étape 02 : ajouter le bloc paragraphe au bloc groupe

Ajoutez maintenant le Bloc de paragraphes au bloc de groupe afin que vous puissiez rédiger le contenu du texte.

Ajouter le bloc Paragraphe au bloc Groupe

Ensuite, ajoutez le contenu textuel de votre choix au bloc.

Ajouter du texte au bloc Groupe

Étape 03 : Personnaliser le bloc et en faire une boîte

Aller à les Onglet Paramètres dans la barre latérale droite. Vous pouvez personnaliser la mise en page du bloc Groupe si nécessaire. Sinon, laissez-le.

Personnaliser la mise en page du bloc Groupe

Ensuite, venir à les Onglet Styles. A partir de la section couleur, coloriser le contenu du texte et l'arrière-plan du bloc.

Coloriser le contenu du bloc Groupe

Faites défiler l'onglet vers le bas et arrivez à la rubrique Rembourrage et Sections frontalières.

Les Rembourrage vous permet d'ajouter de l'espace entre le contenu et la bordure. L'espace Frontière vous permettra d'augmenter sa largeur.

Ajouter un rembourrage et une bordure au bloc Groupe

Vous pouvez ainsi créer un cadre autour du texte.

Deuxième méthode : utilisation du bloc Tableberg

Tableberg est un plugin de construction de tableaux merveilleux et facile à utiliser. Vous pouvez également créer et placer une superbe boîte autour de votre contenu textuel avec ce plugin. Obtenez le plugin en cliquant sur les boutons de la bannière ci-dessous.

Créer de belles tables
Avec l'éditeur de blocs

Une fois installé sur votre site, suivez le tutoriel.

Étape 01 : Ajouter le bloc Tableberg à l'éditeur

Ce plugin est livré avec un bloc nommé Tableberg. Ajouter le bloc à l'éditeur.

Ajouter le bloc TableBerg à votre éditeur Gutenberg

Placez le nombre de colonnes et de lignes pour créer autant de boîtes que vous le souhaitez. Pour ce tutoriel, mettons 1*1 pour ne créer qu'une seule boîte.

Définir le nombre de lignes et de colonnes

Vous pouvez voir que la disposition de la boîte a été ajoutée.

Le modèle de boîte est ajouté à l'éditeur

Étape 02 : Ajouter du texte à la boîte

Il suffit d'écrire ou de copier-coller le contenu du texte que vous souhaitez dans la boîte.

Ajouter du texte à l'encadré

Étape 02 : Styliser la boîte

Aller à les Onglet Styles en maintenant le bloc Tableberg sélectionné. Ajouter un arrière-plan dans la boîte à partir de la Section couleur.

Styliser la boîte

Étape 03 : Personnaliser la bordure du tableau

Faites défiler l'onglet et venir à la section Table Border et Inner Border.

En plaçant des valeurs appropriées, vous pouvez ajuster la couleur de la bordure, largeur et rayon.

Personnalisation de la bordure de la boîte de dialogue

Étape 04 : Personnaliser la couleur du texte

Si vous le souhaitez, modifiez la couleur du texte pour que la conception soit belle et lisible.

Personnaliser la couleur du texte

Conclusion

Il est donc facile d'encadrer un texte dans WordPress. Maintenant, c'est à vous de choisir la méthode qui vous convient. Cependant, il y a plusieurs choses que vous devez garder à l'esprit. Veillez à ce que la couleur de l'encadré et celle du texte contrastent afin que votre contenu soit lisible.

En outre, essayez de conserver la palette de couleurs de votre site web dans la boîte de contenu afin d'assurer la cohérence de votre image de marque. Vous pouvez créer des designs plus intéressants avec le plugin Tableberg. Par exemple, explorez Comment ajouter une boîte de produits Amazon dans WordPress.



L'équipe Tableberg