Cómo agregar un separador de línea horizontal en WordPress (5 formas)
¿Quieres agregar una línea horizontal a una publicación o página en WordPress?
Los divisores horizontales son una excelente manera de dividir publicaciones largas en secciones más pequeñas, resaltar anuncios o promociones especiales y separar claramente las diferentes partes de la página.
En este artículo, le mostraremos cómo agregar fácilmente divisores de líneas horizontales en WordPress.
Dado que esta es una guía completa sobre cómo agregar separadores de líneas horizontales en WordPress, puede que le resulte útil utilizar nuestra tabla de contenido:
Agregue líneas horizontales en el editor de bloques de WordPress
Para agregar una línea horizontal usando el editor de bloques de WordPress, haga clic en el ícono (+) para agregar un nuevo bloque donde desea 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á divisores de líneas horizontales en el área de contenido.
Diseñar líneas horizontales en el editor de bloques de WordPress
De forma predeterminada, el divisor horizontal es una línea gris claro que atraviesa el centro de una publicación o página.
Puede cambiar su apariencia haciendo clic en la fila para seleccionar su bloque. El panel de edición de bloques se abrirá en el lado derecho de la pantalla.
Para cambiar el estilo de la línea, simplemente haga clic en la flecha pequeña al lado del estilo. Luego verás diferentes opciones.
Puede cambiar la línea horizontal a una de estas si es necesario:
- Una línea ancha que cubre todo el ancho del contenido de la publicación.
- Tres puntos que se muestran en el centro de la publicación.
notas: En algunos temas de WordPress, tanto las líneas anchas como las predeterminadas cubrirán todo el ancho de tu publicación.
También puede cambiar el color de la línea horizontal en la configuración de color. Simplemente haga clic en una de las opciones que se muestran o use el enlace Colores personalizados para elegir cualquier color.
Si desea volver al gris predeterminado, simplemente haga clic en el botón “Borrar” debajo de las opciones de color.
Aquí, nuestra línea horizontal es azul, usando el estilo “ancho”.
Agregar líneas horizontales en el editor clásico de WordPress
Si todavía está utilizando el editor clásico, puede agregar líneas horizontales básicas. Para hacer esto, 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 ícono de alternancia de la 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 esté la línea horizontal. Luego puede hacer clic en el botón de la línea horizontal. Es el segundo por la izquierda en la segunda fila:
Su línea horizontal será de color gris claro. Cubrirá todo el ancho de tu publicación de esta manera:
Agregue manualmente divisores de líneas horizontales usando HTML
En casos excepcionales, es posible que deba agregar manualmente divisores de líneas horizontales a su contenido de WordPress.
Si es así, simplemente puede usar la etiqueta HTML hr en el contenido:
<小时>
Esto agregará separadores de líneas horizontales al contenido de su publicación.
Otros separadores que puedes usar en publicaciones y páginas
El editor de bloques predeterminado de WordPress le permite agregar varios tipos de separadores a las publicaciones y páginas.
Además del separador de línea horizontal, otras opciones en el bloque de grupo de elementos de diseño incluyen bloques de espaciador, más enlaces y salto de página.
bloque espaciador
Spacer le permite agregar espacios en blanco entre bloques. Por ejemplo, si desea dejar un pequeño espacio al final de su publicación antes de una oferta especial, puede usar Spacer.
Puede personalizar la altura del espaciador. Así es como se ve cuando creas una publicación en el editor de bloques:
Así es como aparecen los separadores en su sitio:
más bloques
Si su tema muestra la publicación completa (en lugar de un extracto) en la página principal de su blog, agregar un enlace “más” romperá su publicación en este punto. Los visitantes pueden hacer clic para leer más.
Así es como se ve cuando creas tu publicación:
Así es como aparecerán más enlaces en su sitio:
Puede obtener más información sobre los fragmentos en nuestra guía sobre cómo personalizar fragmentos fácilmente en WordPress.
bloque de paginación
Los saltos de página le permiten dividir publicaciones de blog largas en varias páginas. No se puede personalizar de ninguna manera. Así es como se ve cuando creas tu publicación:
Así es como aparecen los saltos de página en su sitio:
Dependiendo de sus objetivos, cualquiera de estos podría ser una buena opción para agregar líneas horizontales en WordPress.
Agregue saltos de página a los formularios de WordPress usando WPForms
¿Qué pasa si no quieres descansar en una publicación o página, sino en un formulario de contacto de WordPress? Usted también puede. Usaremos WPForms para esto.
Primero, debe descargar, instalar y activar el complemento WPForms. Si no está seguro de cómo instalarlo, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
A continuación, vaya a WPForms » Agregar nuevo en tu panel de WordPress.
Introduzca un nombre para el formulario y elija una plantilla. Usaremos nuestra plantilla “Solicitar un formulario de cotización”. Mueva el cursor del mouse sobre la plantilla y haga clic en el botón para crear el formulario.
A continuación, desplácese hacia abajo en la pestaña Agregar campos a la izquierda hasta la sección Campos elegantes. Arrastra y suelta saltos de página donde quieras en el formulario. Lo ponemos antes del cuadro de solicitud.
Verá que el formulario ahora está dividido en dos partes. WPForms también agrega automáticamente un botón “Siguiente”.
Puede cambiar la etiqueta “Siguiente” para adaptarla a sus necesidades 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.
Una vez hecho esto, guarde el formulario haciendo clic en el botón “Guardar” en la esquina superior derecha.
Ahora puede agregar el formulario a su sitio web. Primero, debe 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. Puedes usar la barra de búsqueda o buscar en la sección Widgets. Agrega bloques a tu página.
Ahora seleccione su formulario de la lista desplegable.
Una vez hecho esto, puede publicar una publicación o página y ver cómo se verá el formulario en su sitio web.
Esperamos que este tutorial le haya ayudado a aprender cómo agregar separadores de líneas horizontales en WordPress. Si desea agregar más elementos de diseño y diseño a sus publicaciones y páginas, consulte nuestro artículo sobre los mejores creadores de páginas de WordPress de arrastrar y soltar.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.
Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.
