¿Quieres agregar una línea horizontal en tu publicación o página en WordPress? Los divisores de líneas horizontales son una excelente manera de dividir artículos largos en secciones más pequeñas, resaltar anuncios o promociones especiales y separar claramente diferentes partes de una página. En este artículo, le mostraremos cómo agregar fácilmente un separador de línea horizontal en WordPress.
Dado que esta es una guía completa sobre cómo agregar un separador de línea horizontal en WordPress, puede que le resulte útil utilizar nuestra tabla de contenido:
Agregar una línea horizontal en el editor de bloques de WordPress
Contents
Para agregar una línea horizontal usando el editor de bloques de WordPress, haga clic en el icono (+) para agregar un nuevo bloque donde desea que esté la línea.
Luego seleccione el bloque Separador en la sección Elementos de diseño o búsquelo usando la barra de búsqueda.
Una vez agregado, verá su separador 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 separador horizontal es una línea gris claro 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 la 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 reemplazar la línea horizontal con cualquiera de estos, si lo desea:
- Una línea ancha que cubre todo el ancho del contenido de su mensaje.
- Tres puntos que aparecen en el centro de tu mensaje.
Notar: En algunos temas de WordPress, la línea ancha y la línea predeterminada abarcará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 mostradas 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 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 icono Alternar en la barra de herramientas a la derecha:
Esto abrirá la segunda fila de botones, que incluye la opción de fila horizontal. Ahora siga adelante y coloque un salto de línea entre los párrafos donde desea que vaya la línea horizontal. A continuación, 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á gris claro. Esto cubrirá todo el ancho de su publicación de esta manera:
Adición manual de un separador de líneas horizontales mediante HTML
En algunos casos raros, es posible que deba agregar manualmente un separador de línea horizontal en su contenido de WordPress. Si es así, 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. Además del separador de línea horizontal, otras opciones en el conjunto de bloques Elementos de diseño incluyen el espaciador, el vínculo 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 crea su publicación en el Editor de bloques:
Y así es como aparece el espaciador en su sitio:
El más bloque
Si su tema muestra publicaciones completas (en lugar de fragmentos) en la página principal de su blog, agregar un enlace «Más» detendrá su publicación en este punto. El visitante puede hacer clic para obtener más información. Así es como se ve cuando crea su publicación:
Y así es como aparece el enlace Plus en su sitio:
Puede leer más sobre fragmentos en nuestra guía sobre cómo personalizar fácilmente fragmentos 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. En cualquier caso, no puede personalizarlo. Así es como se ve cuando crea su publicación:
Y así es como aparece el salto de página en su sitio:
Cualquiera de estas podría ser una buena alternativa a agregar una línea horizontal en WordPress, dependiendo de lo que quieras hacer.
Agregar un salto de página en formularios de WordPress usando WPForms
¿Qué sucede si desea hacer una pausa no en una publicación o página, sino en un formulario de contacto de WordPress? Tú también puedes hacer esto. Usaremos WPForms para esto. Primero, deberá descargar, instalar y activar el complemento WPForms. Si no sabe cómo, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Luego ve a WPForms »Agregar nuevo en su panel de WordPress.
Ingrese un nombre para su formulario, luego elija una plantilla. Usaremos 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 lo desee en el formulario. Lo colocamos justo antes del cuadro de solicitud.
Verá que el formulario ahora está dividido en dos partes. WPForms también agregó automáticamente un botón «Siguiente». Puede cambiar la redacción «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íneas horizontales 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 arrastrar y soltar de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.
){kind=link}