{"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-anadir-una-linea-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-add-a-line-in-wordpress\/","title":{"rendered":"C\u00f3mo a\u00f1adir una l\u00ednea en WordPress (horizontal y vertical)"},"content":{"rendered":"<p>Mientras trabaja con su sitio de WordPress, a veces puede sentir que le falta algo, algo que est\u00e1 haciendo que su dise\u00f1o sea un poco desagradable. A menudo descubrir\u00e1s que un cambio sutil en el dise\u00f1o aporta un cambio significativo a la hora de tener una mejor perspectiva.&nbsp;<\/p>\n\n\n\n<p>Las l\u00edneas son elementos tan sencillos que pueden ser un truco r\u00e1pido para mejorar tu dise\u00f1o. Se pueden utilizar para separar secciones, resaltar \u00e1reas clave o crear un dise\u00f1o estructurado que facilite la navegaci\u00f3n a los visitantes.<\/p>\n\n\n\n<p>Esta gu\u00eda le guiar\u00e1 a trav\u00e9s de los m\u00e9todos m\u00e1s pr\u00e1cticos para a\u00f1adir y estilizar l\u00edneas horizontales y verticales en WordPress. No importa tu nivel de habilidad, encontrar\u00e1s un enfoque que funcione para tus necesidades y transforme el dise\u00f1o de tu sitio en algo m\u00e1s pulido y profesional.<\/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: Utilizar el bloque \"Separador<\/strong><\/h2>\n\n\n\n<p>Su primera tarea es abrir la p\u00e1gina o el post espec\u00edfico donde planea a\u00f1adir la l\u00ednea. A continuaci\u00f3n, navegue hasta el lugar exacto en el que desea a\u00f1adir la l\u00ednea.&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>Haga clic en el bot\u00f3n <strong>Insertador de bloques + bot\u00f3n<\/strong> para a\u00f1adir un bloque y, a continuaci\u00f3n, busque <strong>\"Separador\"<\/strong> en la biblioteca de bloques. Haga clic en \u00e9l para insertarlo en su p\u00e1gina. Por defecto, aparecer\u00e1 una l\u00ednea horizontal en el editor. Ten en cuenta que el aspecto de la l\u00ednea puede variar en funci\u00f3n del tema que utilices.&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>Ahora seleccione el bloque y abra la ventana <strong>ajustes de bloque<\/strong> en la barra lateral derecha. Elija su opci\u00f3n preferida <strong>estilo<\/strong> (s\u00f3lido, discontinuo o punteado).&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 \u00faltimo, seleccione un <strong>color<\/strong> para resaltar su l\u00ednea 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: Utilizar el bloque divisor de Ultimate Blocks<\/strong><\/h2>\n\n\n\n<p><strong><br><\/strong>Si a\u00fan no lo ha hecho, debe instalar la aplicaci\u00f3n <strong>Bloques definitivos<\/strong> del directorio de plugins de WordPress y act\u00edvelo.<\/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 bloques 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>A continuaci\u00f3n, abra el editor de WordPress y haga clic en el bot\u00f3n <strong>+<\/strong> para a\u00f1adir un bloque. Ahora, busque <strong>\"Divisor\" <\/strong>e ins\u00e9rtalo en tu 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=\"A\u00f1ada el bloque divisor con el insertador de bloques. \" 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>En la configuraci\u00f3n de bloque de la barra lateral derecha, seleccione si desea que la l\u00ednea sea <strong>Horizontal<\/strong> o <strong>Vertical<\/strong>. Para una l\u00ednea vertical, aseg\u00farese de elegir la opci\u00f3n <strong>Vertical<\/strong> opci\u00f3n.<\/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=\"Elige la orientaci\u00f3n. \" 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>Tambi\u00e9n puede ajustar el <strong>espesor<\/strong>, <strong>altura<\/strong>y <strong>anchura<\/strong> utilizando el <strong>ajustes generales<\/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 el grosor, la altura y la anchura. \" 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 se desplaza al <strong>Configuraci\u00f3n de estilos,<\/strong> puede elegir entre tres <strong>tipos de l\u00ednea<\/strong>. Despu\u00e9s, s\u00f3lo queda personalizar el <strong>color<\/strong> para que coincida con el tema de su sitio.&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=\"Elija los tipos de l\u00ednea y defina el color. \" 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>Una vez que est\u00e9 satisfecho con los ajustes, su divisor estar\u00e1 listo para funcionar.<\/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>Conclusi\u00f3n<\/strong><\/h2>\n\n\n\n<p>Las l\u00edneas pueden parecer un detalle menor para el ojo inexperto, pero si sabes utilizarlas correctamente, tendr\u00e1n un gran impacto en el aspecto de tu sitio. Tanto si utilizas el bloque Separator para separadores horizontales r\u00e1pidos como el bloque Divider de Ultimate Blocks para opciones m\u00e1s personalizables, puedes estar seguro de que a\u00f1adir l\u00edneas puede ayudar a crear un dise\u00f1o limpio y estructurado.<\/p>\n\n\n\n<p>Con los m\u00e9todos de esta gu\u00eda, ya tiene todo lo que necesita para incluir l\u00edneas horizontales y verticales en sus p\u00e1ginas de WordPress de forma eficaz.&nbsp;<\/p>\n\n\n\n<p>Empiece a experimentar hoy mismo y vea c\u00f3mo estos sencillos elementos pueden transformar su sitio web en algo m\u00e1s pulido y profesional.<\/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\/es\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=6790"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6790\/revisions"}],"predecessor-version":[{"id":6815,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6790\/revisions\/6815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/6793"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=6790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=6790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=6790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}