[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/como-agregar-un-separador-de-lineas-horizontales-en-wordpress-5-metodos\/#BlogPosting","mainEntityOfPage":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/como-agregar-un-separador-de-lineas-horizontales-en-wordpress-5-metodos\/","headline":"C\u00f3mo agregar un separador de l\u00edneas horizontales en WordPress (5 m\u00e9todos)","name":"C\u00f3mo agregar un separador de l\u00edneas horizontales en WordPress (5 m\u00e9todos)","description":"\u00bfQuieres agregar una l\u00ednea horizontal a lo largo de tu publicaci\u00f3n o p\u00e1gina en WordPress? Los divisores de l\u00edneas horizontales son una excelente manera de ... <a title=\"C\u00f3mo agregar un separador de l\u00edneas horizontales en WordPress (5 m\u00e9todos)\" class=\"read-more\" href=\"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/como-agregar-un-separador-de-lineas-horizontales-en-wordpress-5-metodos\/\" aria-label=\"M\u00e1s en C\u00f3mo agregar un separador de l\u00edneas horizontales en WordPress (5 m\u00e9todos)\">Leer m\u00e1s<\/a>","datePublished":"2021-06-26","dateModified":"2021-06-26","author":{"@type":"Person","@id":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/#Person","name":"adrimadise\u00f1o","url":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/","image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"adrimadise\u00f1o.com","logo":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","width":450,"height":90}},"image":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2021\/06\/Como-agregar-un-separador-de-lineas-horizontales-en-WordPress-5.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2021\/06\/Como-agregar-un-separador-de-lineas-horizontales-en-WordPress-5.png","height":340,"width":550},"url":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/como-agregar-un-separador-de-lineas-horizontales-en-wordpress-5-metodos\/","about":["Tutoriales Wordpress"],"wordCount":1355,"articleBody":"\u00bfQuieres agregar una l\u00ednea horizontal a lo largo de tu publicaci\u00f3n o p\u00e1gina en WordPress? Los divisores de l\u00edneas horizontales son una excelente manera de dividir publicaciones largas en secciones m\u00e1s peque\u00f1as, resaltar anuncios especiales o promociones y separar claramente las diferentes partes de una p\u00e1gina.En este art\u00edculo, le mostraremos c\u00f3mo agregar f\u00e1cilmente un divisor de l\u00ednea horizontal en WordPress.Dado que esta es una gu\u00eda completa sobre c\u00f3mo agregar un divisor de l\u00ednea horizontal en WordPress, puede resultarle \u00fatil utilizar nuestra tabla de contenido:Agregar una l\u00ednea horizontal en el Editor de bloques de WordPressPara agregar una l\u00ednea horizontal usando el editor de bloques de WordPress, haga clic en el icono (+) para agregar un nuevo bloque donde quiera que est\u00e9 la l\u00ednea.A continuaci\u00f3n, seleccione el bloque Separador de la secci\u00f3n Elementos de dise\u00f1o o b\u00fasquelo usando la barra de b\u00fasqueda. Una vez agregado, ver\u00e1 su divisor de l\u00ednea horizontal en su \u00e1rea de contenido.Aplicar estilo a la l\u00ednea horizontal en el editor de bloques de WordPressDe forma predeterminada, el divisor horizontal es una l\u00ednea gris p\u00e1lido en el centro de su publicaci\u00f3n o p\u00e1gina.Puede cambiar su apariencia haciendo clic en la l\u00ednea para seleccionar su bloque.  Luego, el panel de edici\u00f3n &#8216;Bloquear&#8217; se abrir\u00e1 en el lado derecho de su pantalla.Para cambiar el estilo de su l\u00ednea, simplemente haga clic en la peque\u00f1a flecha al lado de Estilos.  Luego, ver\u00e1 las diferentes opciones. Puede cambiar la l\u00ednea horizontal a una de estas, si lo desea:Una l\u00ednea ancha que cubre todo el ancho del contenido de tu publicaci\u00f3n.Tres puntos que se muestran en el centro de tu publicaci\u00f3n.Nota: En algunos temas de WordPress, tanto la l\u00ednea ancha como la l\u00ednea predeterminada cubrir\u00e1n todo el ancho de su publicaci\u00f3n.Tambi\u00e9n puede cambiar el color de su l\u00ednea horizontal en la configuraci\u00f3n de Color.  Simplemente haga clic en una de las opciones que se muestran o use el enlace &#8216;Color personalizado&#8217; para elegir cualquier color.Si desea volver al color gris predeterminado, simplemente haga clic en el bot\u00f3n &#8216;Borrar&#8217; debajo de las opciones de color. Aqu\u00ed, nuestra l\u00ednea horizontal es azul y usa el estilo &#8220;ancho&#8221;.Agregar una l\u00ednea horizontal en el editor cl\u00e1sico de WordPressSi todav\u00eda usa el editor cl\u00e1sico, puede agregar l\u00edneas horizontales b\u00e1sicas.  Para hacerlo, simplemente edite una publicaci\u00f3n o p\u00e1gina existente o cree una nueva.Si solo ve una fila de botones en la barra de herramientas sobre el editor de publicaciones, haga clic en el icono Alternar barra de herramientas a la derecha:Esto abrir\u00e1 la segunda fila de botones, que incluye la opci\u00f3n de l\u00ednea horizontal.Ahora, contin\u00fae y coloque un salto de l\u00ednea entre los p\u00e1rrafos donde desea que vaya la l\u00ednea horizontal.  Luego puede hacer clic en el bot\u00f3n L\u00ednea horizontal.  Es el segundo de la izquierda en la segunda fila:Tu l\u00ednea horizontal ser\u00e1 de color gris claro.  Cubrir\u00e1 todo el ancho de tu publicaci\u00f3n de esta manera:Agregar manualmente un divisor de l\u00ednea horizontal usando HTMLEn algunos casos raros, es posible que deba agregar manualmente un divisor de l\u00ednea horizontal en su contenido de WordPress.Si es as\u00ed, simplemente puede hacerlo usando la etiqueta hr HTML en su contenido:Esto agregar\u00e1 el separador de l\u00ednea horizontal en el contenido de su publicaci\u00f3n.Otros separadores que puede usar en sus publicaciones y p\u00e1ginasEl editor de bloques de WordPress predeterminado le permite agregar varios tipos de separadores a sus publicaciones y p\u00e1ginas. Aparte del separador de l\u00ednea horizontal, las otras opciones en el conjunto de bloques Elementos de dise\u00f1o incluyen el espaciador, el enlace M\u00e1s y los bloques de salto de p\u00e1gina. El bloque espaciadorEl espaciador le permite agregar espacios en blanco entre bloques.  Por ejemplo, si desea un peque\u00f1o espacio al final de su publicaci\u00f3n antes de una oferta especial, puede usar el espaciador.Puede personalizar la altura del espaciador.  As\u00ed es como se ve cuando est\u00e1 creando su publicaci\u00f3n en el editor de bloques:Y as\u00ed es como aparece el espaciador en su sitio:El bloque m\u00e1sSi su tema muestra publicaciones completas (en lugar de extractos) en la p\u00e1gina principal de su blog, entonces agregar un enlace &#8216;M\u00e1s&#8217; interrumpir\u00e1 su publicaci\u00f3n en ese momento.  El visitante puede hacer clic para leer m\u00e1s.As\u00ed es como se ve cuando est\u00e1s creando tu publicaci\u00f3n:Y as\u00ed es como aparece el enlace M\u00e1s en su sitio:Puede obtener m\u00e1s informaci\u00f3n sobre extractos en nuestra gu\u00eda sobre c\u00f3mo personalizar f\u00e1cilmente extractos en WordPress. El bloque de salto de p\u00e1ginaEl salto de p\u00e1gina le permite dividir las publicaciones de blog largas en varias p\u00e1ginas.  No puedes personalizarlo de ninguna manera.  As\u00ed es como se ve cuando est\u00e1s creando tu publicaci\u00f3n:Y as\u00ed es como aparece el salto de p\u00e1gina en su sitio:Cualquiera de esas podr\u00eda ser una buena alternativa a agregar una l\u00ednea horizontal en WordPress, dependiendo de lo que pretenda hacer.Agregar un salto de p\u00e1gina en formularios de WordPress usando WPForms\u00bfQu\u00e9 pasa si desea poner un descanso no en una publicaci\u00f3n o p\u00e1gina, sino en un formulario de contacto de WordPress?  Tu tambi\u00e9n puedes hacer eso.  Usaremos WPForms para esto.Primero, deber\u00e1 descargar, instalar y activar el Complemento de WPForms.  Si no est\u00e1 seguro de c\u00f3mo hacerlo, consulte nuestra gu\u00eda paso a paso sobre c\u00f3mo instalar un complemento de WordPress.A continuaci\u00f3n, vaya a WPForms \u00bbAgregar nuevo en su panel de WordPress.Ingrese un nombre para su formulario y luego elija una plantilla.  Vamos a utilizar la plantilla &#8216;Solicitar un formulario de cotizaci\u00f3n&#8217; para la nuestra.  Pase el cursor del mouse sobre la plantilla y haga clic en el bot\u00f3n para crear su formulario.A continuaci\u00f3n, despl\u00e1cese hacia abajo en la pesta\u00f1a Agregar campos en el lado izquierdo hasta la secci\u00f3n Campos elegantes.  Arrastre y suelte el salto de p\u00e1gina donde desee en el formulario.  Lo colocamos justo antes del cuadro Solicitud.Ver\u00e1 que el formulario ahora est\u00e1 dividido en dos partes.  WPForms tambi\u00e9n ha agregado autom\u00e1ticamente un bot\u00f3n &#8216;Siguiente&#8217;. Puede cambiar la etiqueta &#8216;Siguiente&#8217; si lo desea y puede agregar un bot\u00f3n &#8216;Anterior&#8217; para ir a la segunda p\u00e1gina del formulario.  Simplemente haga clic en el campo de salto de p\u00e1gina para editarlo.Guarde su formulario una vez que haya terminado, haciendo clic en el bot\u00f3n Guardar en la parte superior derecha. Ahora puede agregar el formulario a su sitio web.  Primero, deber\u00e1 crear una nueva publicaci\u00f3n o p\u00e1gina, o editar una existente. Haga clic en (+) para agregar un nuevo bloque a su publicaci\u00f3n o p\u00e1gina y busque el bloque WPForms.  Puede utilizar la barra de b\u00fasqueda o buscar en la secci\u00f3n Widgets.  Agrega el bloque a tu p\u00e1gina.Ahora, seleccione su formulario de la lista desplegable. Una vez que haya hecho eso, puede publicar la publicaci\u00f3n o la p\u00e1gina y ver c\u00f3mo se ve su formulario en su sitio web.Esperamos que este tutorial le haya ayudado a aprender a agregar separadores de l\u00ednea horizontal en WordPress.  Si desea agregar m\u00e1s elementos de dise\u00f1o y disposici\u00f3n a sus publicaciones y p\u00e1ginas, consulte nuestro art\u00edculo sobre los mejores creadores de p\u00e1ginas de WordPress de arrastrar y soltar.Si le gust\u00f3 este art\u00edculo, suscr\u00edbase a nuestro Canal de Youtube para tutoriales en video de WordPress.  Tambi\u00e9n puedes encontrarnos en Gorjeo y Facebook.                                                                                                                                                                                                                                                                                                                                                                     4.3        \/        5        (        233                    votos                )    "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Tutoriales Wordpress","item":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"C\u00f3mo agregar un separador de l\u00edneas horizontales en WordPress (5 m\u00e9todos)","item":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/como-agregar-un-separador-de-lineas-horizontales-en-wordpress-5-metodos\/#breadcrumbitem"}]}]