{"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":"como-adicionar-uma-linha-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-add-a-line-in-wordpress\/","title":{"rendered":"Como adicionar uma linha no WordPress (horizontal e vertical)"},"content":{"rendered":"<p>Ao trabalhar com o seu site WordPress, \u00e0s vezes voc\u00ea pode sentir que algo est\u00e1 faltando - algo que est\u00e1 tornando o design um pouco desagrad\u00e1vel. Muitas vezes, voc\u00ea descobrir\u00e1 que uma mudan\u00e7a sutil no design traz uma mudan\u00e7a significativa em termos de uma melhor perspectiva.&nbsp;<\/p>\n\n\n\n<p>As linhas s\u00e3o elementos t\u00e3o simples que podem ser um truque r\u00e1pido para melhorar seu design. Elas podem ser usadas para separar se\u00e7\u00f5es, enfatizar \u00e1reas importantes ou criar um layout estruturado que seja f\u00e1cil para os visitantes navegarem.<\/p>\n\n\n\n<p>Este guia o guiar\u00e1 pelos m\u00e9todos mais pr\u00e1ticos para adicionar e estilizar linhas horizontais e verticais no WordPress. Independentemente do seu n\u00edvel de habilidade, voc\u00ea encontrar\u00e1 uma abordagem que atenda \u00e0s suas necessidades e transforme o layout do seu site em algo mais refinado e profissional.<\/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\u00e9todo 1: Usando o bloco \"Separator\" (Separador)<\/strong><\/h2>\n\n\n\n<p>Sua primeira tarefa \u00e9 abrir a p\u00e1gina ou postagem espec\u00edfica em que voc\u00ea planeja adicionar a linha. Em seguida, navegue at\u00e9 o local exato em que deseja adicionar a linha.&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>Clique no bot\u00e3o <strong>Bot\u00e3o + do Block Inserter<\/strong> para adicionar um bloco e, em seguida, procure por <strong>\"Separador\"<\/strong> na biblioteca de blocos. Clique nele para inseri-lo em sua p\u00e1gina. Uma linha horizontal aparecer\u00e1 no editor por padr\u00e3o. Lembre-se de que a apar\u00eancia da linha pode variar dependendo do tema que voc\u00ea estiver usando.&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>Agora, selecione o bloco e abra o <strong>configura\u00e7\u00f5es de bloco<\/strong> na barra lateral direita. Escolha sua prefer\u00eancia <strong>estilo<\/strong> (S\u00f3lido, tracejado ou pontilhado).&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>Por fim, selecione um <strong>cor<\/strong> para destacar sua linha de forma diferente.&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\u00e9todo 2: Usando o bloco divisor da Ultimate Blocks<\/strong><\/h2>\n\n\n\n<p><strong><br><\/strong>Se ainda n\u00e3o o fez, voc\u00ea precisa instalar o <strong>Blocos definitivos<\/strong> do diret\u00f3rio de plug-ins do WordPress e ative-o.<\/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=\"Instalar os blocos Ultimate\" 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>Posteriormente, abra o editor do WordPress e clique no bot\u00e3o <strong>+<\/strong> para adicionar um bloco. Agora, procure por <strong>\"Divisor\" <\/strong>e insira-o em sua p\u00e1gina.<\/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=\"Adicione o bloco divisor usando o Block Inserter. \" 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>Nas configura\u00e7\u00f5es de bloco na barra lateral direita, selecione se voc\u00ea deseja que a linha seja <strong>Horizontal<\/strong> ou <strong>Vertical<\/strong>. Para uma linha vertical, certifique-se de escolher a op\u00e7\u00e3o <strong>\"Vertical<\/strong> op\u00e7\u00e3o.<\/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=\"Escolha a orienta\u00e7\u00e3o. \" 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>Voc\u00ea tamb\u00e9m pode ajustar o <strong>espessura<\/strong>, <strong>altura<\/strong>e <strong>largura<\/strong> usando o <strong>configura\u00e7\u00f5es gerais<\/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=\"Ajuste a espessura, a altura e a largura. \" 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>Se voc\u00ea mudar para o <strong>Configura\u00e7\u00f5es de estilos,<\/strong> voc\u00ea pode escolher entre tr\u00eas diferentes <strong>tipos de linha<\/strong>. Depois disso, tudo o que resta \u00e9 personalizar o <strong>cor<\/strong> para combinar com o tema de seu 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=\"Escolha os tipos de linha e defina a cor. \" 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>Quando voc\u00ea estiver satisfeito com os ajustes, sua divis\u00f3ria estar\u00e1 pronta para ser usada.<\/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>Conclus\u00e3o<\/strong><\/h2>\n\n\n\n<p>As linhas podem parecer um detalhe insignificante para o olho n\u00e3o treinado, mas se voc\u00ea souber us\u00e1-las corretamente, elas ter\u00e3o um grande impacto na apar\u00eancia do seu site. Quer voc\u00ea use o bloco Separator para divisores horizontais r\u00e1pidos ou o bloco Divider da Ultimate Blocks para op\u00e7\u00f5es mais personaliz\u00e1veis, pode ter certeza de que a adi\u00e7\u00e3o de linhas pode ajudar a criar um design limpo e estruturado.<\/p>\n\n\n\n<p>Com os m\u00e9todos deste guia, agora voc\u00ea tem tudo o que precisa para incluir linhas horizontais e verticais em suas p\u00e1ginas do WordPress de forma eficaz.&nbsp;<\/p>\n\n\n\n<p>Comece a experimentar hoje mesmo e veja como esses elementos simples podem transformar seu site em algo mais sofisticado e profissional!<\/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\/pt\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=6790"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6790\/revisions"}],"predecessor-version":[{"id":6815,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6790\/revisions\/6815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6793"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=6790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=6790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=6790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}