Crear un código corto de salto de línea de WordPress (br)

¿Quiere un espacio adicional en la publicación de su blog usando un salto de línea en el editor visual de WordPress? Puede insertar una ruptura utilizando el típico
etiqueta a través del editor de texto, sin embargo, si agrega más de uno, se eliminan. A veces, necesita un poco de espacio, por lo que eliminar las pausas o convertirlas en un párrafo no es suficiente.

Si usted es una de las muchas personas que luchan con este problema, no se preocupe porque el truco de código diario de hoy le permitirá usar saltos de línea cuando y cuantas veces lo desee.

El código corto de salto de línea para WordPress

Simplemente inserte el siguiente código abreviado en el archivo functions.php de su tema secundario (si no está seguro de cómo crear un tema secundario, consulte nuestra guía completa de temas secundarios de WordPress):

/* ------- Line Break Shortcode --------*/
function line_break_shortcode() {
	return '
'; } add_shortcode( 'br', 'line_break_shortcode' );

Agregue saltos de línea a sus publicaciones

Con el código agregado a su archivo functions.php ahora, todo lo que tiene que hacer para crear saltos de línea en su editor visual es insertar el código corto donde desee un espacio.

[br]

Ejemplo:

This is some text.
[br]
This is some more text after a line break.
[br][br]
This is even more text after adding two line breaks.

Que debería mostrarse como:

This is some text.
This is some more text after a line break.

This is even more text after adding two line breaks.

Cómo agregar saltos de línea a las publicaciones de WordPress sin un código corto

Si no estaba buscando un código abreviado, sino solo una forma de saltos de línea, está de suerte. Existen otras opciones para agregar saltos de línea a su sitio de WordPress sin crear un código corto personalizado.

La forma simple de agregar saltos de línea a WordPress

Una opción fácil es simplemente mantenga presionado el botón shift y haga clic en enter. Esto empujará su texto a la siguiente línea mientras escribe (en lugar de hacer clic en Intro, lo que solo crearía un nuevo párrafo). ¡Una solución rápida y sencilla!

Nota: esto solo funcionará para un salto de línea. Agregar dos o más saltos simplemente resultará en que WordPress forzará su texto en un nuevo párrafo. Entonces, si desea crear grandes espacios entre el contenido, use el método de código abreviado o puede agregar un poco de CSS.

Agregue grandes saltos de línea con CSS en línea

Si por alguna razón desea una gran brecha, puede ingresar CSS directamente en su publicación. Al crear su publicación, haga clic en la pestaña “texto” en la esquina superior derecha para abrir el lado HTML de su editor de publicaciones.

Pestañas del editor visual y de texto de WordPress

Busque el párrafo que le gustaría agregar un espacio de espacio debajo y vuelva a agregar las etiquetas de párrafo (el

al principio, y

y el final). Luego agregue un margen inferior a su párrafo usando el atributo de estilo, así:

This is a paragraph I want to add a 100 pixel gap after.

Si desea agregar espacio arriba, simplemente use la propiedad margin-top en su lugar. Ahora, si vuelve a hacer clic en el lado “visual” del editor, debería poder ver un espacio del tamaño de píxel exacto que ingresó.

Agregar margen con CSS

Terminando

¡Esperamos que este rápido tutorial haya podido ayudar! Si tiene alguna pregunta, no dude en dejarla en la sección de comentarios a continuación y haremos todo lo posible para brindarle una respuesta útil.