¿Quieres agregar una línea horizontal a lo largo de tu publicación o página en WordPress?
Los divisores de líneas horizontales son una excelente manera de dividir publicaciones largas en secciones más pequeñas, resaltar anuncios especiales o promociones y separar claramente las diferentes partes de una página.
En este artículo, le mostraremos cómo agregar fácilmente un divisor de línea horizontal en WordPress.
Dado que esta es una guía completa sobre cómo agregar un divisor de línea horizontal en WordPress, puede resultarle útil utilizar nuestra tabla de contenido:
Agregar una línea horizontal en el Editor de bloques de WordPress
Para agregar una línea horizontal usando el editor de bloques de WordPress, haga clic en el icono (+) para agregar un nuevo bloque donde quiera que esté la línea.
A continuación, seleccione el bloque Separador de la sección Elementos de diseño o búsquelo usando la barra de búsqueda.
Una vez agregado, verá su divisor de línea horizontal en su área de contenido.
Aplicar estilo a la línea horizontal en el editor de bloques de WordPress
De forma predeterminada, el divisor horizontal es una línea gris pálido en el centro de su publicación o página.
Puede cambiar su apariencia haciendo clic en la línea para seleccionar su bloque. Luego, el panel de edición ‘Bloquear’ se abrirá en el lado derecho de su pantalla.
Para cambiar el estilo de su línea, simplemente haga clic en la pequeña flecha al lado de Estilos. Luego, verá las diferentes opciones.
Puede cambiar la línea horizontal a una de estas, si lo desea:
- Una línea ancha que cubre todo el ancho del contenido de tu publicación.
- Tres puntos que se muestran en el centro de tu publicación.
Nota: En algunos temas de WordPress, tanto la línea ancha como la línea predeterminada cubrirán todo el ancho de su publicación.
También puede cambiar el color de su línea horizontal en la configuración de Color. Simplemente haga clic en una de las opciones que se muestran o use el enlace ‘Color personalizado’ para elegir cualquier color.
Si desea volver al color gris predeterminado, simplemente haga clic en el botón ‘Borrar’ debajo de las opciones de color.
Aquí, nuestra línea horizontal es azul y usa el estilo “ancho”.
Agregar una línea horizontal en el editor clásico de WordPress
Si todavía usa el editor clásico, puede agregar líneas horizontales básicas. Para hacerlo, simplemente edite una publicación o página 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á la segunda fila de botones, que incluye la opción de línea horizontal.
Ahora, continúe y coloque un salto de línea entre los párrafos donde desea que vaya la línea horizontal. Luego puede hacer clic en el botón Línea horizontal. Es el segundo de la izquierda en la segunda fila:
Tu línea horizontal será de color gris claro. Cubrirá todo el ancho de tu publicación de esta manera:
Agregar manualmente un divisor de línea horizontal usando HTML
En algunos casos raros, es posible que deba agregar manualmente un divisor de línea horizontal en su contenido de WordPress.
Si es así, simplemente puede hacerlo usando la etiqueta hr HTML en su contenido:
Esto agregará el separador de línea horizontal en el contenido de su publicación.
Otros separadores que puede usar en sus publicaciones y páginas
El editor de bloques de WordPress predeterminado le permite agregar varios tipos de separadores a sus publicaciones y páginas.
Aparte del separador de línea horizontal, las otras opciones en el conjunto de bloques Elementos de diseño incluyen el espaciador, el enlace Más y los bloques de salto de página.
El bloque espaciador
El espaciador le permite agregar espacios en blanco entre bloques. Por ejemplo, si desea un pequeño espacio al final de su publicación antes de una oferta especial, puede usar el espaciador.
Puede personalizar la altura del espaciador. Así es como se ve cuando está creando su publicación en el editor de bloques:
Y así es como aparece el espaciador en su sitio:
El bloque más
Si su tema muestra publicaciones completas (en lugar de extractos) en la página principal de su blog, entonces agregar un enlace ‘Más’ interrumpirá su publicación en ese momento. El visitante puede hacer clic para leer más.
Así es como se ve cuando estás creando tu publicación:
Y así es como aparece el enlace Más en su sitio:
Puede obtener más información sobre extractos en nuestra guía sobre cómo personalizar fácilmente extractos en WordPress.
El bloque de salto de página
El salto de página le permite dividir las publicaciones de blog largas en varias páginas. No puedes personalizarlo de ninguna manera. Así es como se ve cuando estás creando tu publicación:
Y así es como aparece el salto de página en su sitio:
Cualquiera de esas podría ser una buena alternativa a agregar una línea horizontal en WordPress, dependiendo de lo que pretenda hacer.
Agregar un salto de página en formularios de WordPress usando WPForms
¿Qué pasa si desea poner un descanso no en una publicación o página, sino en un formulario de contacto de WordPress? Tu también puedes hacer eso. Usaremos WPForms para esto.
Primero, deberá descargar, instalar y activar el Complemento de WPForms. Si no está seguro de cómo hacerlo, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
A continuación, vaya a WPForms »Agregar nuevo en su panel de WordPress.
Ingrese un nombre para su formulario y luego elija una plantilla. Vamos a utilizar la plantilla ‘Solicitar un formulario de cotización’ para la nuestra. Pase el cursor del mouse sobre la plantilla y haga clic en el botón para crear su formulario.
A continuación, desplácese hacia abajo en la pestaña Agregar campos en el lado izquierdo hasta la sección Campos elegantes. Arrastre y suelte el salto de página donde desee en el formulario. Lo colocamos justo antes del cuadro Solicitud.
Verá que el formulario ahora está dividido en dos partes. WPForms también ha agregado automáticamente un botón ‘Siguiente’.
Puede cambiar la etiqueta ‘Siguiente’ si lo desea y puede agregar un botón ‘Anterior’ para ir a la segunda página del formulario. Simplemente haga clic en el campo de salto de página para editarlo.
Guarde su formulario una vez que haya terminado, haciendo clic en el botón Guardar en la parte superior derecha.
Ahora puede agregar el formulario a su sitio web. Primero, deberá crear una nueva publicación o página, o editar una existente.
Haga clic en (+) para agregar un nuevo bloque a su publicación o página y busque el bloque WPForms. Puede utilizar la barra de búsqueda o buscar en la sección Widgets. Agrega el bloque a tu página.
Ahora, seleccione su formulario de la lista desplegable.
Una vez que haya hecho eso, puede publicar la publicación o la página y ver cómo se ve su formulario en su sitio web.
Esperamos que este tutorial le haya ayudado a aprender a agregar separadores de línea horizontal en WordPress. Si desea agregar más elementos de diseño y disposición a sus publicaciones y páginas, consulte nuestro artículo sobre los mejores creadores de páginas de WordPress de arrastrar y soltar.
Si le gustó este artículo, suscríbase a nuestro Canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.