{"id":3507,"date":"2024-09-15T23:30:00","date_gmt":"2024-09-15T23:30:00","guid":{"rendered":"https:\/\/tableberg.com\/?p=3507"},"modified":"2024-09-18T14:13:08","modified_gmt":"2024-09-18T14:13:08","slug":"comment-mettre-une-boite-autour-dun-texte-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-put-a-box-around-text-in-wordpress\/","title":{"rendered":"Comment mettre un cadre autour d'un texte dans WordPress"},"content":{"rendered":"

Une pr\u00e9sentation efficace du contenu est essentielle au succ\u00e8s de tout site web. C'est pourquoi vous devez pr\u00e9senter votre contenu web dans des styles diff\u00e9rents pour r\u00e9pondre \u00e0 des besoins diff\u00e9rents afin qu'il devienne facilement lisible pour les visiteurs et les utilisateurs du web.<\/p>\n\n\n\n

La mise en place d'encadr\u00e9s autour des textes peut \u00eatre un moyen efficace d'y parvenir. En effet, cela permet de distinguer compl\u00e8tement certains textes des autres. Ce concept est tr\u00e8s efficace pour pr\u00e9senter des d\u00e9tails importants, des citations et des appels \u00e0 l'action.<\/p>\n\n\n\n

Dans ce tutoriel, nous allons vous montrer plusieurs m\u00e9thodes pour mettre un cadre autour d'un texte dans WordPress.<\/p>\n\n\n\n

\n
\n
\n
\n

Cr\u00e9er de belles tables <\/strong>
Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n

\n
Essai gratuit<\/a><\/div>\n\n\n\n
Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Premi\u00e8re m\u00e9thode : utiliser le bloc de groupe<\/h2>\n\n\n\n

Le groupe est un bloc par d\u00e9faut de WordPress. Ce bloc vous permet d'ajouter plusieurs autres blocs \u00e0 l'int\u00e9rieur de celui-ci.<\/p>\n\n\n\n

\u00c9tape 01 : Ajouter le bloc de groupe \u00e0 l'\u00e9diteur<\/h3>\n\n\n\n

Recherchez et ajoutez le Bloc de groupe<\/strong> \u00e0 l'\u00e9diteur.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

S\u00e9lectionner une mise en page<\/strong> pour le bloc Groupe. Pour ce tutoriel, nous s\u00e9lectionnerons la premi\u00e8re mise en page.<\/p>\n\n\n\n

\"S\u00e9lectionner<\/figure>\n\n\n\n

\u00c9tape 02 : ajouter le bloc paragraphe au bloc groupe<\/h3>\n\n\n\n

Ajoutez maintenant le Bloc de paragraphes<\/strong> au bloc de groupe afin que vous puissiez r\u00e9diger le contenu du texte.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

Ensuite, ajoutez le contenu textuel de votre choix au bloc.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

\u00c9tape 03 : Personnaliser le bloc et en faire une bo\u00eete<\/h3>\n\n\n\n

Aller \u00e0<\/strong> les Onglet Param\u00e8tres<\/strong> dans la barre lat\u00e9rale droite. Vous pouvez personnaliser la mise en page du bloc Groupe si n\u00e9cessaire. Sinon, laissez-le.<\/p>\n\n\n\n

\"Personnaliser<\/figure>\n\n\n\n

Ensuite, venir \u00e0<\/strong> les Onglet Styles<\/strong>. A partir de la section couleur, coloriser le contenu du texte<\/strong> et l'arri\u00e8re-plan du bloc<\/strong>.<\/p>\n\n\n\n

\"Coloriser<\/figure>\n\n\n\n

Faites d\u00e9filer l'onglet vers le bas et arrivez \u00e0 la rubrique Rembourrage<\/strong> et Sections frontali\u00e8res<\/strong>.<\/p>\n\n\n\n

Les Rembourrage<\/strong> vous permet d'ajouter de l'espace entre le contenu et la bordure. L'espace Fronti\u00e8re<\/strong> vous permettra d'augmenter sa largeur.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

Vous pouvez ainsi cr\u00e9er un cadre autour du texte.<\/p>\n\n\n\n

Deuxi\u00e8me m\u00e9thode : utilisation du bloc Tableberg<\/h2>\n\n\n\n

Tableberg<\/a> est un plugin de construction de tableaux merveilleux et facile \u00e0 utiliser. Vous pouvez \u00e9galement cr\u00e9er et placer une superbe bo\u00eete autour de votre contenu textuel avec ce plugin. Obtenez le plugin en cliquant sur les boutons de la banni\u00e8re ci-dessous.<\/p>\n\n\n\n

\n
\n
\n
\n

Cr\u00e9er de belles tables <\/strong>
Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n

\n
Essai gratuit<\/a><\/div>\n\n\n\n
Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Une fois install\u00e9 sur votre site, suivez le tutoriel.<\/p>\n\n\n\n

\u00c9tape 01 : Ajouter le bloc Tableberg \u00e0 l'\u00e9diteur<\/h3>\n\n\n\n

Ce plugin est livr\u00e9 avec un bloc nomm\u00e9 Tableberg<\/strong>. Ajouter le bloc \u00e0 l'\u00e9diteur.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

Placez le nombre de colonnes et de lignes pour cr\u00e9er autant de bo\u00eetes que vous le souhaitez. Pour ce tutoriel, mettons 1*1<\/strong> pour ne cr\u00e9er qu'une seule bo\u00eete.<\/p>\n\n\n\n

\"D\u00e9finir<\/figure>\n\n\n\n

Vous pouvez voir que la disposition de la bo\u00eete a \u00e9t\u00e9 ajout\u00e9e.<\/p>\n\n\n\n

\"Le<\/figure>\n\n\n\n

\u00c9tape 02 : Ajouter du texte \u00e0 la bo\u00eete<\/h3>\n\n\n\n

Il suffit d'\u00e9crire ou de copier-coller le contenu du texte que vous souhaitez dans la bo\u00eete.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n

\u00c9tape 02 : Styliser la bo\u00eete <\/h3>\n\n\n\n

Aller \u00e0<\/strong> les Onglet Styles<\/strong> en maintenant le bloc Tableberg s\u00e9lectionn\u00e9. Ajouter un arri\u00e8re-plan<\/strong> dans la bo\u00eete \u00e0 partir de la Section couleur<\/strong>.<\/p>\n\n\n\n

\"Styliser<\/figure>\n\n\n\n

\u00c9tape 03 : Personnaliser la bordure du tableau<\/h3>\n\n\n\n

Faites d\u00e9filer l'onglet et venir \u00e0<\/strong> la section Table Border<\/strong> et Inner Border<\/strong>. <\/p>\n\n\n\n

En pla\u00e7ant des valeurs appropri\u00e9es, vous pouvez ajuster la couleur de la bordure, largeur<\/strong> et rayon<\/strong>.<\/p>\n\n\n\n

\"Personnalisation<\/figure>\n\n\n\n

\u00c9tape 04 : Personnaliser la couleur du texte<\/h3>\n\n\n\n

Si vous le souhaitez, modifiez la couleur du texte pour que la conception soit belle et lisible.<\/p>\n\n\n\n

\"Personnaliser<\/figure>\n\n\n\n

Conclusion<\/h2>\n\n\n\n

Il est donc facile d'encadrer un texte dans WordPress. Maintenant, c'est \u00e0 vous de choisir la m\u00e9thode qui vous convient. Cependant, il y a plusieurs choses que vous devez garder \u00e0 l'esprit. Veillez \u00e0 ce que la couleur de l'encadr\u00e9 et celle du texte contrastent afin que votre contenu soit lisible.<\/p>\n\n\n\n

En outre, essayez de conserver la palette de couleurs de votre site web dans la bo\u00eete de contenu afin d'assurer la coh\u00e9rence de votre image de marque. Vous pouvez cr\u00e9er des designs plus int\u00e9ressants avec le plugin Tableberg. Par exemple, explorez Comment ajouter une bo\u00eete de produits Amazon dans WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

Effective content presentation is crucial to the success of any website. This is why you need to present your web content in varying styles to suit different needs so it becomes easily readable to web visitors and users. Putting boxes around texts could be an effective way to do this. Because it can help make […]<\/p>\n","protected":false},"author":1,"featured_media":3523,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[114,112,102],"class_list":["post-3507","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-box","tag-create-web-sections","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Put-a-Box-Around-Text-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/3507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=3507"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/3507\/revisions"}],"predecessor-version":[{"id":3622,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/3507\/revisions\/3622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/3523"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=3507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=3507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=3507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}