¿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 usando la etiqueta
típica a través del editor de texto, sin embargo, si agrega más de una, 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 '<br />';
}
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 corto, 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 abreviado personalizado.
La forma sencilla 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 a medida que 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 uno 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.
Busque el párrafo en el 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í:
<p style="margin-bottom: 100px;">This is a paragraph I want to add a 100 pixel gap after.</p>
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ó.
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.