Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

Cómo agregar un separador de línea horizontal en WordPress (5 métodos)

¿Desea agregar una línea horizontal a través de su publicación o página en WordPress?
Los separadores de línea horizontal son una excelente manera de dividir las publicaciones largas en secciones más pequeñas, resaltar anuncios especiales o promociones, y separar claramente 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.
Cómo agregar una 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:
  • Cómo agregar un divisor de línea horizontal en el Editor de bloques
  • Cómo agregar un divisor de línea horizontal en el editor clásico
  • Cómo agregar un divisor de línea horizontal con HTML manual
  • Cómo agregar otros tipos de espaciadores y saltos de página en WordPress
  • Cómo dividir formularios largos de WordPress en varias secciones

Agregar una línea horizontal en el Editor de bloques de WordPress

Para agregar una línea horizontal utilizando el editor de bloques de WordPress , haga clic en el icono (+) para agregar un nuevo bloque donde quiera que esté la línea.
Agregar un nuevo bloque donde desee su línea horizontal
A continuación, seleccione el bloque Separador en la sección Elementos de diseño o búsquelo con la barra de búsqueda.
Encuentra y agrega el bloque separador
Una vez agregado, verá su divisor de línea horizontal en su área de contenido.
Estilo de la línea horizontal en el Editor de bloques de WordPress
Por defecto, el divisor horizontal es una línea gris pálida en el centro de su publicación o página.
Puede cambiar su aspecto 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.
Haga clic en el bloque Separador para seleccionarlo y editar la configuración
Para cambiar el estilo de su línea, simplemente haga clic en la pequeña flecha al lado de Estilos. Luego, verás las diferentes opciones.
Puede cambiar la línea horizontal a una de estas, si 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.
Los diferentes estilos disponibles para el bloque Separador
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 utilice el enlace 'Color personalizado' para elegir cualquier color.
Cambiar el color de la linea horizontal
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 utiliza el estilo "ancho".
Una línea horizontal que se ha modificado para que sea ancha y azul.

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:
Haga clic en el botón Alternar barra de herramientas para ver la segunda fila de iconos
Esto abrirá la segunda fila de botones, que incluye la opción de línea horizontal.
Ahora, avance y ponga 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 desde la izquierda en la segunda fila:
El botón de línea horizontal en el editor clásico de WordPress
Su línea horizontal será de color gris claro. Cubrirá todo el ancho de tu publicación de esta manera:
Una regla horizontal creada usando el editor clásico

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 utilizando la etiqueta hr HTML en su contenido:
<hr>
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 predeterminado de WordPress le permite agregar múltiples tipos de separadores a sus publicaciones y páginas.
Además del separador de línea horizontal, las otras opciones en el conjunto de bloques de 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:
El bloque espaciador en el editor de bloques
Y así es como aparece el espaciador en su sitio:
Cómo aparece el bloque espaciador en una página o publicación
El bloque más
Si su tema muestra publicaciones completas (en lugar de extractos) en su página principal del 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:
El bloque Más en el editor de publicaciones
Y así es como aparece el enlace Más en su sitio:
El bloque Leer más en una publicación en el 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 largas publicaciones de blog en varias páginas. No puedes personalizarlo de ninguna manera. Así es como se ve cuando estás creando tu publicación:
El bloque de salto de página que se muestra en el editor de bloques
Y así es como aparece el salto de página en su sitio:
El salto de página tal como aparece en un sitio
Cualquiera de esas podría ser una buena alternativa para agregar una línea horizontal en WordPress, dependiendo de lo que pretendas hacer.

Agregar un salto de página en formularios de WordPress usando WPForms

¿Qué sucede 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. Vamos a utilizar WPForms para esto.
Primero, deberá descargar, instalar y activar el complemento 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.
Crear un nuevo formulario usando WPForms
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. Ejecute el cursor del mouse sobre la plantilla y haga clic en el botón para crear su formulario.
Crear un formulario de presupuesto en WPForms
A continuación, desplácese hacia abajo en la pestaña Agregar campos en el lado izquierdo a la sección Campos de fantasía. Arrastre y suelte el Salto de página a donde lo desee en el formulario. Lo ponemos justo antes del cuadro Solicitud.
Agregar un salto de página en WPForms
Verá que el formulario ahora se divide 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.
Edición del campo de salto de página en WPForms
Guarde su formulario una vez que haya terminado, haciendo clic en el botón Guardar en la esquina 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 usar la barra de búsqueda o buscar en la sección Widgets. Agrega el bloque a tu página.
Agregar el bloque WPForms a su página o publicación
Ahora, seleccione su formulario de la lista desplegable.
Elija 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.
El formulario con un salto de página en el sitio web
Esperamos que este tutorial lo haya ayudado a aprender cómo agregar separadores de línea horizontal 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 constructores de páginas de arrastrar y soltar WordPress .
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas