{"id":6790,"date":"2025-01-15T19:54:26","date_gmt":"2025-01-15T19:54:26","guid":{"rendered":"https:\/\/tableberg.com\/?p=6790"},"modified":"2025-01-15T19:54:26","modified_gmt":"2025-01-15T19:54:26","slug":"comment-ajouter-une-ligne-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-add-a-line-in-wordpress\/","title":{"rendered":"Comment ajouter une ligne dans WordPress (horizontale et verticale)"},"content":{"rendered":"<p>Lorsque vous travaillez sur votre site WordPress, vous avez parfois l'impression qu'il manque quelque chose - quelque chose qui rend votre design un peu r\u00e9barbatif. Vous constaterez souvent qu'un changement subtil dans la conception apporte un changement significatif en termes d'am\u00e9lioration des perspectives.&nbsp;<\/p>\n\n\n\n<p>Les lignes sont des \u00e9l\u00e9ments si simples qu'elles peuvent constituer un moyen rapide d'am\u00e9liorer votre conception. Elles peuvent \u00eatre utilis\u00e9es pour s\u00e9parer des sections, mettre l'accent sur des zones cl\u00e9s ou cr\u00e9er une pr\u00e9sentation structur\u00e9e dans laquelle il est facile pour les visiteurs de naviguer.<\/p>\n\n\n\n<p>Ce guide vous guidera \u00e0 travers les m\u00e9thodes les plus pratiques pour ajouter et styliser des lignes horizontales et verticales dans WordPress. Quel que soit votre niveau de comp\u00e9tence, vous trouverez une approche qui r\u00e9pondra \u00e0 vos besoins et transformera la mise en page de votre site en quelque chose de plus soign\u00e9 et de plus professionnel.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>M\u00e9thode 1 : Utilisation du bloc \"S\u00e9parateur<\/strong><\/h2>\n\n\n\n<p>Votre premi\u00e8re t\u00e2che consiste \u00e0 ouvrir la page ou le message sp\u00e9cifique o\u00f9 vous pr\u00e9voyez d'ajouter la ligne. Ensuite, naviguez jusqu'\u00e0 l'endroit exact o\u00f9 vous souhaitez ajouter la ligne.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-1024x524.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6803\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2.png 1368w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cliquez sur le bouton <strong>Bouton + de l'ins\u00e9reur de blocs<\/strong> pour ajouter un bloc, puis rechercher <strong>\"S\u00e9parateur<\/strong> dans la biblioth\u00e8que de blocs. Cliquez dessus pour l'ins\u00e9rer dans votre page. Une ligne horizontale appara\u00eetra par d\u00e9faut dans l'\u00e9diteur. Gardez \u00e0 l'esprit que l'apparence de la ligne peut varier en fonction du th\u00e8me que vous utilisez.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-1024x524.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6804\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2.png 1367w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>S\u00e9lectionnez maintenant le bloc et ouvrez la fen\u00eatre <strong>param\u00e8tres du bloc<\/strong> dans la barre lat\u00e9rale droite. Choisissez votre option pr\u00e9f\u00e9r\u00e9e <strong>style<\/strong> (solide, en pointill\u00e9s ou en tirets).&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-1024x506.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6805\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-1024x506.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-300x148.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-768x379.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1.png 1418w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Enfin, s\u00e9lectionnez un <strong>couleur<\/strong> pour mettre en valeur votre ligne diff\u00e9remment.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-1024x493.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6806\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-1024x493.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-300x144.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-768x370.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1.png 1454w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#6936d0;color:#6936d0\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>M\u00e9thode 2 : Utilisation du bloc diviseur d'Ultimate Blocks<\/strong><\/h2>\n\n\n\n<p><strong><br><\/strong>Si vous ne l'avez pas encore fait, vous devez installer le logiciel <strong>Blocs ultimes<\/strong> dans le r\u00e9pertoire des plugins de WordPress et l'activer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"371\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1024x371.png\" alt=\"Installer les Ultimate Blocks\" class=\"has-border-color has-primary-accent-border-color wp-image-6814\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1024x371.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-300x109.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-768x278.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1536x556.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>Ensuite, ouvrez l'\u00e9diteur WordPress et cliquez sur le bouton <strong>+<\/strong> pour ajouter un bloc. Recherchez maintenant <strong>\"Diviseur\" <\/strong>et l'ins\u00e9rer dans votre page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-1024x488.png\" alt=\"Ajoutez le bloc de s\u00e9paration \u00e0 l&#039;aide du dispositif d&#039;insertion de blocs. \" class=\"has-border-color has-primary-accent-border-color wp-image-6809\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-1024x488.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-300x143.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-768x366.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1.png 1469w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>Dans les param\u00e8tres du bloc, dans la barre lat\u00e9rale droite, choisissez si vous voulez que la ligne soit <strong>Horizontal<\/strong> ou <strong>Vertical<\/strong>. Pour une ligne verticale, assurez-vous de choisir le <strong>Vertical<\/strong> option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-1024x495.png\" alt=\"Choisissez l&#039;orientation. \" class=\"has-border-color has-primary-accent-border-color wp-image-6810\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-1024x495.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-300x145.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-768x371.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1.png 1448w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>Vous pouvez \u00e9galement ajuster les <strong>l'\u00e9paisseur<\/strong>, <strong>hauteur<\/strong>et <strong>largeur<\/strong> en utilisant le <strong>param\u00e8tres g\u00e9n\u00e9raux<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-1024x453.png\" alt=\"Ajuster l&#039;\u00e9paisseur, la hauteur et la largeur. \" class=\"has-border-color has-primary-accent-border-color wp-image-6811\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-1024x453.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-300x133.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-768x340.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-1536x680.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.png 1581w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si vous passez \u00e0 la <strong>Param\u00e8tres de style,<\/strong> vous avez le choix entre trois <strong>types de lignes<\/strong>. Ensuite, il ne reste plus qu'\u00e0 personnaliser l'outil de travail. <strong>couleur<\/strong> pour correspondre au th\u00e8me de votre site.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-1024x468.png\" alt=\"Choisissez les types de lignes et d\u00e9finissez la couleur. \" class=\"has-border-color has-primary-accent-border-color wp-image-6812\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-1024x468.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-300x137.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-768x351.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last.png 1533w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Une fois que vous \u00eates satisfait des ajustements, votre cloison est pr\u00eate \u00e0 \u00eatre utilis\u00e9e.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2109f8c8-3103-4b65-9026-4fb9eb76b8a8\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #f34083; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>Les lignes peuvent sembler un d\u00e9tail mineur pour un \u0153il non averti, mais si vous les utilisez correctement, elles auront un impact important sur l'aspect et la convivialit\u00e9 de votre site. Que vous utilisiez le bloc Separator pour des s\u00e9parations horizontales rapides ou le bloc Divider d'Ultimate Blocks pour des options plus personnalisables, vous pouvez \u00eatre s\u00fbr que l'ajout de lignes peut contribuer \u00e0 cr\u00e9er un design propre et structur\u00e9.<\/p>\n\n\n\n<p>Avec les m\u00e9thodes de ce guide, vous avez maintenant tout ce qu'il faut pour inclure efficacement des lignes horizontales et verticales dans vos pages WordPress.&nbsp;<\/p>\n\n\n\n<p>Commencez \u00e0 exp\u00e9rimenter d\u00e8s aujourd'hui et voyez comment ces simples \u00e9l\u00e9ments peuvent transformer votre site web en quelque chose de plus soign\u00e9 et de plus professionnel !<\/p>","protected":false},"excerpt":{"rendered":"<p>While working with your WordPress site, you might sometimes feel something is missing &#8211; something that&#8217;s making your design a bit off-putting. You\u2019ll often find a subtle change in the design brings a significant change in terms of having a better outlook.&nbsp; Lines are such simple elements that might be a quick hack to improve [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6793,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Add-Lines-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/fr\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6790","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=6790"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6790\/revisions"}],"predecessor-version":[{"id":6815,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6790\/revisions\/6815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/6793"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=6790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=6790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=6790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}