Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo agregar un salto de línea en WordPress (espaciado de nueva línea)

¿Alguna vez has notado que algunos sitios web tienen contenido perfectamente espaciado que es fácil de escanear, mientras que otros se sienten apretados y difíciles de leer?

El secreto a menudo se reduce a algo simple: usar saltos de línea y espaciado de manera efectiva.

Si alguna vez has agregado saltos de línea en tu editor de WordPress solo para descubrir que no aparecen en tu página publicada, definitivamente no estás solo. WordPress maneja el espaciado de manera un poco diferente a los procesadores de texto como Google Docs o Microsoft Word.

Sin embargo, una vez que entiendas cómo funciona, tendrás control total sobre cómo se ve tu contenido.

Te mostraremos varios métodos confiables para agregar saltos de línea en WordPress, desde atajos de teclado rápidos hasta opciones de formato más avanzadas.

Empecemos con las formas más fáciles de agregar un salto de línea.

Cómo agregar un salto de línea en WordPress

💡 Respuesta Rápida: Cómo agregar un salto de línea en WordPress

“¿Tienes prisa? Aquí tienes las 5 formas que se cubren en este artículo:”

  • Agregar doble espacio de línea (Párrafo nuevo): Presiona Enter/Return para un espaciado doble automático entre párrafos.
  • Agregar espacio de línea simple (Mismo párrafo): Usa Shift + Enter/Return para comenzar una nueva línea dentro del mismo párrafo.
  • Usar bloque separador (Control visual): Arrastra y suelta un bloque separador para un espaciado vertical preciso sin código.
  • Usar un plugin (Estilo sin código): Modifica el espaciado de línea y otros estilos fácilmente con un plugin de editor CSS visual.
  • Agregar CSS personalizado (Control avanzado): Escribe código CSS en el Personalizador para ajustar el espaciado de línea y párrafo.

¿Por qué agregar un salto de línea en WordPress (espaciado de nueva línea)?

A primera vista, un salto de línea puede parecer una pequeña elección de formato, pero puede tener un gran impacto en el rendimiento de tu contenido.

Desde mejorar la legibilidad hasta aumentar la experiencia del usuario, agregar un espaciado adecuado ayuda a que tus páginas se vean limpias y profesionales. Aquí te explicamos por qué es importante:

  • Mejor legibilidad: Divide bloques de texto para facilitar el escaneo.
  • Adaptable a móviles: Mantiene el contenido claro en pantallas más pequeñas.
  • Corrige texto pegado: Limpia el formato de otras fuentes.
  • Atrae la atención: Ayuda a que los consejos y CTAs destaquen.

En resumen, los saltos de línea hacen que tu contenido sea más fácil de leer y más atractivo, tanto para los visitantes como para los motores de búsqueda.

Nota: Si bien controlas dónde agregas nuevas líneas y párrafos, la cantidad exacta de espacio entre líneas dentro de un párrafo (altura de línea) y entre párrafos a menudo la establece tu tema de WordPress.

Te mostraremos cómo agregar nuevas líneas y espacio usando diferentes métodos, y luego cómo ajustar la configuración de espaciado predeterminada en tu tema si es necesario.

Dicho esto, veamos cómo añadir fácilmente un salto de línea en WordPress.

Cómo agregar un salto de línea en WordPress (Métodos rápidos)

En WordPress, puedes agregar saltos de línea fácilmente usando tu teclado. Para crear un doble espacio de línea (nuevo párrafo), simplemente presiona la tecla Enter (o Return en Mac).

Para un espacio de línea simple dentro del mismo párrafo, mantén presionada Shift + Enter (o Shift + Return en Mac). Estas son las formas más rápidas de controlar el espaciado en el editor de bloques.

Cómo agregar un nuevo párrafo (Espaciado predeterminado)

Cuando presionas la tecla Enter (Windows) o la tecla Return (Mac) en tu teclado, estás creando lo que a menudo se conoce como un “retorno forzado” o un salto de párrafo nuevo.

WordPress crea un nuevo párrafo. Por defecto, tu tema agrega un espacio vertical entre párrafos, lo que ayuda a separar tus ideas y hacer que el contenido sea más fácil de leer.

La cantidad exacta de este espaciado está controlada por el diseño de tu tema.

Agregar doble interlineado en WordPress

Simplemente ve al editor de contenido, pulsa la tecla Enter o Return después de la línea, y luego escribe algo más en la siguiente línea.

Al hacer eso, basándote en el estilo de tu tema, deberías ver una clara distinción entre párrafos.

Se agregó doble espacio entre líneas para crear un párrafo en WordPress

Cómo agregar un espacio de línea simple (Retorno suave / Salto de línea dentro del párrafo)

Ahora, si estás escribiendo algo como una dirección o un poema y quieres un salto de línea con espaciado simple sin comenzar un nuevo párrafo, necesitarás usar un “retorno suave”.

Vista previa de espacio simple

En este caso, necesitas presionar la tecla SHIFT + ENTER en Windows o la tecla SHIFT + RETURN en Mac.

Esto le indica a WordPress que quieres comenzar una nueva línea pero mantenerla como parte del mismo párrafo.

Esta acción crea un “retorno suave” o salto de línea simple (usando una etiqueta HTML <br>), lo que significa que no habrá espacio vertical adicional que obtienes con un nuevo párrafo.

Es un método útil para limpiar texto pegado de otras fuentes que puedan tener saltos de línea dobles excesivos; simplemente elimina los saltos de párrafo adicionales y vuelve a insertar saltos de línea simples con Shift + Enter según sea necesario.

Saltos de Línea Simples vs. Dobles en WordPress: Una Comparación Rápida
Tipo de SaltoAtajo de tecladoInterpretación de WordPressResultado VisualMejores Casos de Uso
Salto de Línea Doble (Nuevo Párrafo/Retorno Forzado)Enter (Windows) / Return (Mac)Inicia un nuevo párrafo, aplicando el espaciado de párrafo predeterminado de tu tema.Añade un espacio notable entre bloques de texto.✔Separar ideas distintas
✔Iniciar nuevos párrafos
✔Mejorar la legibilidad general
Salto de Línea Simple (Nueva Línea/Retorno Suave)Shift + Enter (Windows) / Shift + Return (Mac)Inicia una nueva línea *dentro del mismo párrafo*, sin añadir espaciado de párrafo adicional.Crea una nueva línea directamente debajo de la anterior, con un espacio vertical mínimo.✔Direcciones
✔Poesía
✔Listas donde los elementos necesitan saltos de línea internos
✔Frases cortas que pertenecen juntas

Comprender estas diferencias te dará un control preciso sobre el diseño y la legibilidad de tu contenido.

Agregar espacio vertical personalizado con el bloque separador

Para una forma sencilla y sin código de añadir espacio adicional entre dos bloques cualesquiera, usar el bloque Separador incorporado es un método muy intuitivo. Ofrece un control visual preciso directamente en el editor.

Simplemente haz clic en el botón 'Agregar bloque' en el editor para añadir un nuevo bloque y busca 'Separador'. Una vez que lo agregues, aparecerá un nuevo espacio vacío en tu página.

Agrega el bloque Separador en WordPress

Luego puedes hacer clic en el separador y arrastrar el control azul hacia arriba o hacia abajo para ajustar su altura.

Esto te da un control preciso sobre tu espaciado vertical directamente dentro del editor.

El separador funcionando en el editor de bloques

Ajustar la Altura de Línea y el Espaciado de Párrafo Predeterminados

A veces, incluso cuando añades el espaciado de línea adecuado en el editor, no se muestra como quieres en tu tema.

Hay dos maneras de solucionarlo:

  1. Usando un plugin (la forma fácil)
  2. Manualmente con código CSS (más avanzado)

Veamos primero el método fácil.

Añadir espaciado entre líneas usando un plugin

Si deseas realizar cambios de estilo en tu tema sin tener que aprender código, usar un plugin como CSS Hero es una excelente manera de hacerlo. Esto se debe a que el plugin es confiado por más de 100,000 sitios web por su editor visual intuitivo.

CSS Hero está diseñado específicamente para principiantes y no programadores, permitiéndote cambiar visualmente el diseño de tu sitio de WordPress con unos pocos clics, una característica muy elogiada en su calificación promedio de 4.8/5 estrellas.

Agregar espaciado entre párrafos en WordPress con CSS Hero

Puedes ver más detalles en nuestra reseña completa de CSS Hero.

Para cambios estructurales más extensos en tu tema, como mover una barra lateral o añadir un pie de página, un plugin de constructor de páginas de arrastrar y soltar ofrece un control visual más completo y herramientas dedicadas. Esto lo convierte en una opción más adecuada para esas tareas.

¿No quieres usar un plugin, o solo necesitas hacer este cambio? Entonces, la opción de código CSS manual podría ser la mejor para ti.

Cambiar el espaciado de párrafos manualmente con código CSS

Para agregar saltos de línea manualmente sin un plugin, necesitas agregar algo de CSS a tu tema.

CSS (Hojas de Estilo en Cascada) es un lenguaje que indica a los navegadores web cómo mostrar el contenido de tu sitio web.

Piénsalo como un conjunto de instrucciones para estilizar, en lugar de hacer clic en botones como en Microsoft Word. No es tan aterrador como suena y es bastante fácil de entender una vez que captas lo básico.

Para agregar CSS personalizado a tu tema, necesitas visitar la página Apariencia » Personalizar. Esto iniciará el personalizador de temas de WordPress, donde deberás hacer clic en la pestaña 'CSS adicional' de la columna izquierda.

Si no puedes ver estas opciones de menú, es posible que estés usando un tema de bloques. Consulta nuestro artículo sobre cómo solucionar la falta del personalizador de temas en el administrador de WordPress.

Agregar tu CSS personalizado

En el cuadro de CSS personalizado, necesitas agregar el siguiente código CSS:

.post p{line-height: 1.5em;}

Esta regla aumenta el espacio entre líneas dentro de cada párrafo, haciendo que tu contenido sea más fácil de leer.

Ten en cuenta que este código asume que tu tema usa .post para el contenido del blog. Si nada cambia después de añadirlo, intenta reemplazar .post con .entry-content en su lugar.

Si no estás seguro de cuál usa tu tema, puedes verificarlo abriendo una entrada de blog, haciendo clic derecho dentro del texto y seleccionando Inspeccionar. Luego, busca la clase del contenedor principal de contenido (como .post o .entry-content).

Agregar CSS personalizado para aumentar la altura de línea

Ten en cuenta que esta propiedad line-height solo ajusta el espacio vertical entre líneas de texto dentro de cada párrafo, no el espacio entre párrafos completos.

Si deseas aumentar el espacio vertical entre párrafos en WordPress, normalmente agregarías un padding-bottom a tus elementos de párrafo.

.post p { 
line-height: 1.5em;
padding-bottom: 15px;
} 

Siéntete libre de ajustar los números en este código CSS. Cambiar el valor de padding-bottom cambiará el espacio entre tus párrafos.

También puedes agregar CSS personalizado a tu sitio usando el plugin WPCode. Es utilizado por más de 1.5 millones de sitios web y cuenta con una calificación de 4.9/5 estrellas en WordPress.org por facilitar la inserción de código.

Para más detalles, consulta nuestra guía sobre cómo agregar CSS personalizado a tu sitio de WordPress.

Si no te gusta leer las instrucciones, entonces solo mira nuestro videotutorial.

Tutorial en video

Para un recorrido visual, puedes ver nuestro video tutorial a continuación. Cubre todos los métodos que hemos discutido para agregar espaciado de línea simple y doble en tu contenido.

Suscríbete a WPBeginner

Preguntas frecuentes sobre cómo agregar un salto de línea en WordPress

Aquí hay algunas preguntas que nuestros lectores han hecho con frecuencia sobre cómo agregar un salto de línea en WordPress:

¿Cómo hacer un interlineado de 1.15 en WordPress?

Puedes establecer un interlineado de 1.15 agregando CSS personalizado a tu tema hijo o usando un plugin de fragmentos de código como WPCode. Por ejemplo, usa line-height: 1.15; para los elementos de texto que deseas ajustar.

Esto te da un control preciso ya que WordPress no incluye esta opción por defecto.

¿Son lo mismo el interlineado de 1.5 y 1.15?

No, el espaciado de 1.5 y 1.15 son diferentes. Una altura de línea de 1.5 crea mucho más espacio entre líneas, mientras que 1.15 mantiene el texto más apretado y compacto.

¿Cómo agregar un espaciado de línea personalizado en WordPress?

Puedes agregar un espaciado de línea personalizado usando CSS o una configuración del editor de bloques. En la mayoría de los casos, agregar un valor de line-height en el personalizador de tu tema o en un plugin de CSS es el método más fácil.

¿Cuál es la diferencia entre un separador y un salto de línea en WordPress?

Un separador agrega una línea o espacio visible entre secciones, mientras que un salto de línea simplemente mueve el texto a la siguiente línea sin agregar elementos visuales adicionales.

¿Cómo arreglar saltos de línea no deseados en los títulos de WordPress?

A veces, el título de tu publicación o página de WordPress puede dividirse en varias líneas de manera incómoda. Esto generalmente depende de tu tema y del espacio disponible en el área del título.

En la mayoría de los casos, WordPress ajusta automáticamente los títulos largos para que se adapten al diseño. Sin embargo, si deseas un mayor control, puedes ajustarlo usando CSS.

Por ejemplo, puedes evitar saltos de línea en el título agregando:

.entry-title {  white-space: nowrap;}

Esto mantendrá el título en una sola línea, pero ten cuidado: los títulos muy largos pueden desbordarse en pantallas más pequeñas. Un mejor enfoque suele ser acortar el título o ajustar la configuración de tipografía de tu tema en lugar de forzarlo a una sola línea.

Esperamos que este artículo te haya ayudado a agregar un salto de línea en WordPress. También te puede interesar consultar nuestra guía sobre cómo usar patrones de bloques de WordPress y nuestra lista de los mejores temas de WordPress compatibles con Gutenberg.

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Divulgación: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

99 ComentariosDeja una respuesta

  1. No tengo CSS Adicional. He intentado de todas las demás maneras alterar el espaciado de los párrafos pero nada funciona, se ve un verdadero desastre. ¡Ayuda por favor!

  2. ¡Hola! Quiero tener un espaciado simple entre mis párrafos e incluso después de presionar enter (para el doble espacio), cuando previsualizo el borrador, nada ha cambiado (sigue siendo un solo párrafo). ¿Alguien podría ayudar?

  3. Hola
    Me gustaría modificar el interlineado y el espaciado. Sin embargo, no hay ningún icono de 'editor' (Apariencia » Editor) en el archivo CSS del tema.
    Entonces, ¿qué puedo hacer?
    ¡Gracias por tu respuesta!

  4. Brillante y un salvavidas eterno.

    Me costaba mucho con el espaciado en uno de los sitios de mis clientes y es absolutamente increíble que tuvieras la respuesta exacta casi al alcance de tu mano. Ahora me estoy convirtiendo en un suscriptor permanente

  5. Gracias por todos los consejos de Wordpress. Este sitio me ha ayudado mucho con la mayoría de las dificultades que tenía

  6. Estoy usando el tema Pilcrow y no tengo idea de cómo hacer que el doble espacio entre párrafos ocurra. A veces sucede en mis publicaciones, pero a veces no. Cuando miro el archivo HTML, no veo ninguna publicación p o padding. Solo veo el resultado final de cómo se verá la publicación y es entonces cuando sé que el doble espaciado no funcionó. ¿Todavía puedo regresar y re-editar y arreglarlo? Por último, donde dices ir desde las apariencias a los menús del editor, no tengo esas opciones.
    Tengo bajo apariencia las siguientes opciones: temas, personalizar, widgets, menús, encabezado, fondo, AMP, Opciones del tema, Móvil.
    Por favor, ayuda.

  7. Mi tema está roto, en el sentido de que no tiene el doble espaciado por defecto. El tema está atascado en el modo shift+enter, en otras palabras. Así que en relación con el siguiente código:

    .post p { line-height: 1.5em; padding-bottom: 15px; }

    ¿Son 15px un doble espacio predeterminado normal? ¿Cuántos píxeles debería ser por defecto? Además, ¿no importa dónde ponga este código? ¡Gracias!

  8. Gracias por el consejo sobre shift + enter. Nunca supe esto durante años. Tu sitio siempre ha sido un rescate cuando me quedo atascado.

  9. Hola: ¿Cómo consigo un espaciado de línea personalizado (por ejemplo, 1.5em) para una instancia en una página en lugar de cambiar el CSS de todo el tema? Veo que otras dos personas han preguntado lo mismo sin respuesta, al menos no que haya encontrado. ¡Gracias!

  10. ¿Qué tal simplemente agregar algo de texto y cambiar el color del texto a blanco (si el fondo es blanco)? Esto debería hacer posible crear y personalizar los espacios entre líneas mucho más fácilmente (a menos, por supuesto, que el fondo sea una imagen de algo que no se puede igualar con el color de la fuente).

  11. Hola personal de WPBeginner,

    Tengo una pregunta diferente. Uso Visual Composer y he agregado muchos separadores con texto entre los encabezados de mis secciones en mi página de inicio. Me gustaría que esos encabezados de texto también fueran un enlace a esa sección.
    Sin embargo, cada vez que agrego el enlace, pierdo el texto de identificación de la sección que tenía en el separador y se reemplaza mágicamente con el texto predeterminado que dice “TITLE”.

    Para intentar que sea un enlace, estoy agregando el código de enlace dentro de este corchete:
    [vc_text_separator title=”1950s CARS”]

    Me rasco la cabeza tan fuerte que creo que estoy calvo. ¡Cualquier ayuda te ganará gratitud de por vida!

    Gracias,
    Mike

  12. Estoy usando el tema ‘Divi’ de WordPress y descubrí que si presionas enter (o shift + enter) dos veces, para crear un espacio más grande, se ignora. Para solucionar esto, presiona enter una vez, escribe un carácter en la línea (no importa cuál), resáltalo y cambia el color de fuente del carácter a blanco y luego presiona enter nuevamente; esto da como resultado el espacio deseado entre líneas sin tener que editar el tema. Lo mismo se aplica a los espacios adicionales en una línea; ingresa tantos caracteres como desees, resáltalos y cambia su color de fuente a blanco y luego continúa con el color de fuente deseado.

  13. ¡¡GRACIAS!! ¡Los amo! ¡Me alegra mucho haber encontrado este sitio! Casi literalmente me he estado golpeando la cabeza contra la pared. Si supiera cómo insertar emojis, esta publicación estaría cubierta de corazones y caritas sonrientes. :-)

  14. ¡Oh sí! ¡Acabas de ayudarme a resolver un problema (párrafos forzados de espacio simple) que me ha molestado durante años!

  15. Soy suscriptor de WP Beginner.
    Tenía una pregunta sobre cómo ingresar datos de ingeniería para mi producto en mi sitio. El espaciado en las tablas parecía demasiado grande en la página. Busqué en el soporte de Wordpress y todo lo que vi fueron respuestas cortantes a la pregunta sobre el espaciado de una sola línea.

    Eres el primero en responder la pregunta, y obviamente fue correcta. Gracias.

    Sinceramente,

    Dave

  16. ¿Qué pasa en Android? La última actualización ha forzado un doble espaciado (nuevo párrafo). No es muy bueno para los escritores de poesía. ¿Hay alguna forma de revertirlo a simple?

  17. Gracias por "Shift" y Enter para el espaciado de una sola línea, ya que he querido resolver esto durante años... y nunca me dediqué a encontrar la solución.

  18. Estoy buscando una respuesta en todas partes... cuando agrego un
    en el editor de texto, se elimina en el editor visual. Me vuelve loco. ¿Tiene wpbeginner alguna recomendación?

    ¿Debería agregar un plugin para detener esto?

    Probé un plugin hace años, pero tuve que volver y reformatear cada publicación.

    ¡Cualquier enlace con tutorial o consejo es muy apreciado!

  19. ¡Gracias! Esto me ayudó a ajustar mis publicaciones, excepto el primer párrafo de cada una. Por alguna razón, las líneas parecen tener doble espacio. ¿Hay algún fragmento de código que pueda agregar a Editar CSS que me permita ajustarlas?

  20. ¡Gracias! Agregar el fragmento (.post p{line-height: 1.5em;}) a mi Editar CSS hizo que mi texto fuera mucho más fácil de leer. Ahora, este es mi problema: el párrafo de apertura en cada publicación de WordPress tiene un espaciado de línea mucho mayor que el resto de los párrafos, y NO se ve afectado por este código de interlineado. ¿Hay algún otro fragmento de código que pueda agregar a Editar CSS que ajuste esas líneas de apertura?

  21. Gracias por el tutorial. Sin embargo, ¿cómo puedo ajustar el espaciado de línea de un solo párrafo? Tengo un título de 3 palabras, centrado y apilado en 3 líneas. Todas las líneas tienen un tamaño de fuente diferente, por lo que los espaciados de línea son inconsistentes. He estado buscando una forma de ajustar fácilmente a través de una herramienta de editor de texto o un plugin.

    ¿Alguna idea?

  22. Encontrando la etiqueta .post p usaste una caja de búsqueda. ¿Me puedes decir cómo encontrar esa caja de búsqueda? Gracias4

  23. “Si no encuentras la etiqueta .post p, entonces simplemente créala.”
    ¿Dónde? ¿Debo simplemente copiar/pegarla en cualquier parte del archivo css?

  24. Ni siquiera soy un verdadero "principiante", pero hay lagunas en mi conocimiento y acabas de resolver una de las cosas más frustrantes de WP para esta escritora y usuaria de Word... Gracias por esto y por toda tu fantástica información... Sigo aprendiendo cosas geniales de tus publicaciones y de tu sitio. ¡Gracias y saludos!

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO se publicará. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.