homefinance blog
¿Le gustaría agregar una línea horizontal en su publicación o página en WordPress? Los separadores de línea horizontal son una excelente manera de dividir los postes largos en secciones más pequeñas, para resaltar anuncios especiales o para promover y limpiar diferentes partes de una página. En este artículo, le mostraremos cómo agregar fácilmente un separador de línea horizontal a WordPress.
Dado que esta es una guía completa sobre cómo agregar un separador de línea horizontal en WordPress, puede ser útil usar nuestro contenido:
Cómo agregar un divisor de línea horizontal en el editor de bloques
Cómo agregar un separador de línea horizontal al editor clásico
Cómo agregar un divisor de línea horizontal con manual HTML
Cómo agregar otros tipos de espaciadores y saltos de página en WordPress
Cómo dividir una forma larga de WordPress en varias secciones
Agregando una línea horizontal al 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 sea la línea.
Luego seleccione el bloque separador de los elementos de sección o busque con la barra de búsqueda.
Una vez agregado, verá su divisor de línea horizontal en la zona de contenido. Cree 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 del poste o página. Puede cambiar la forma en que se ve haciendo clic en la línea para seleccionar su bloque. Luego, el panel de edición de “bloqueo” se abrirá en el lado derecho de la pantalla.
Para cambiar el estilo de su línea, haga clic en la flecha al lado de los estilos. Luego verá las diferentes opciones. Puede cambiar la línea horizontal con una de ellas, si desea:
Una línea amplia que cubre todo el ancho de su contenido de publicación.
Tres puntos que se muestran en el centro de su 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, haga clic en el botón “Limpiar” debajo de las opciones de color.
Aquí, nuestra línea horizontal es azul y usa el estilo “ancho”.
Agregar una línea horizontal en WordPress Classic Editor 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 de conmutación de la barra de herramientas:
Esto abrirá la segunda fila de botones, que incluye la opción de línea horizontal. Ahora, continúe y ponga una interrupción de la línea entre los párrafos en los que desea caminar por la línea horizontal. Luego puede hacer clic en el botón de línea horizontal. Es la segunda izquierda en la segunda fila:
Tu línea horizontal será de color gris claro. Cubrirá todo el ancho de su publicación de la siguiente manera:
La adición manual de un separador de línea horizontal que usa HTML en algunos casos raros puede ser necesaria para agregar manualmente un divisor de línea horizontal a su contenido de WordPress. Si es así, puede hacer esto simplemente usando la etiqueta HTML HR en su contenido:
Agregará el separador de línea horizontal al contenido post. 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 de los elementos de bloque incluyen el espaciador, más conexión y la página rompe los bloques.
El espaciador bloquea el espaciador le permite agregar espacio en blanco entre los bloques. Por ejemplo, si desea una ligera distancia 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 creas publicaciones en el editor de bloques:
Así es como aparece el espaciador en su sitio web:
Cuanto más bloqueo si su tema muestra publicaciones completas (en lugar de fragmentos) en la página principal de su blog, 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 creas tu publicación:
Así es como el enlace aparece más en su sitio web:
Puede obtener más información sobre fragmentos, en nuestra guía sobre cómo personalizar fácilmente WordPress. Page Break Block Break Break Page le permite dividir largas publicaciones de blog en varias páginas. No puedes personalizarlo de ninguna manera. Así es como se ve cuando crea su publicación: así es como aparece la página de la página en su sitio web:
Cualquiera de estas podría ser buenas alternativas para agregar una línea horizontal en WordPress, dependiendo de lo que desee hacer. Agregar un descanso de página en formularios de WordPress usando WPFORMS ¿Qué sucede si desea tomar 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 WPFFORMS. Si no está seguro de cómo, consulte nuestra guía de paso por paso sobre cómo instalar un complemento de WordPress. Luego vaya a WPFORMS »Agregue nuevo al tablero de WordPress.
Ingrese un nombre para su formulario, luego elija una plantilla. Usaremos la plantilla “solicitar un formulario de oferta” para el nuestro. Pase el cursor del mouse sobre la plantilla y haga clic en el botón para crear el formulario.
Luego desplácese hacia abajo por los campos de adición desde el lado izquierdo hasta la sección de campos elegantes. Tire y fije el descanso de la página en cualquier lugar que desee del formulario. Lo ponemos justo antes del cuadro de aplicación.
Verá que el formulario ahora está dividido en dos partes. WPFFORMS agregó automáticamente un botón “Siguiente”. Puede cambiar la etiqueta “Next” si lo desea y agregar un botón “anterior” para acceder a la segunda página del formulario. Simplemente haga clic en la página de la página para editarla.
Guarde el formulario después de 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 (+) 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 la búsqueda en la sección Widgets. Agregue el bloque a su página.
Ahora seleccione el formulario en la lista Drop -down.
Una vez que haya hecho esto, puede publicar la publicación o página y ver cómo se ve su formulario en su sitio web.
Esperamos que este tutorial lo ayude a aprender a agregar un separador de línea horizontal a WordPress. Si desea agregar más elementos de diseño y apariencia a sus publicaciones y páginas, consulte nuestro artículo sobre las mejores páginas de arrastrar y soltar de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.
