Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo sangrar fácilmente los párrafos en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres añadir espacio o sangrar párrafos en WordPress? Mientras que la mayoría de su texto está alineado a la izquierda, en algunos casos es posible que desee sangría párrafo para mejorar la tipografía y una mejor experiencia de lectura. En este artículo, le mostraremos cómo sangrar fácilmente párrafos en WordPress.

How to indent paragraphs in WordPress

Método 1: Usando los botones de sangría de texto en el Editor Visual

Por defecto, la mayoría de los temas de WordPress mostrarán los párrafos justificados a la izquierda o a la derecha para los idiomas de derecha a izquierda.

Si desea aplicar sangría a un párrafo, puede hacerlo manualmente al hacer clic en el botón de aumentar sangría en el editor visual. Esto añadirá espacio a la izquierda del párrafo.

Increase indent and decrease indent buttons in WordPress editor

En caso de que desee aplicar sangría a más de un párrafo, deberá seleccionarlos y hacer clic en el botón para aumentar la sangría.

Puede hacer clic en añadir sangría varias veces para aumentar el espaciado. Por ejemplo, si haces clic dos veces, se duplicará el espacio de sangría.

También puedes reducir el espaciado haciendo clic en el botón de reducir sangría.

Método 2: Sangrar Párrafo Manualmente Usando el Editor de Texto

Usar los botones de sangrar texto en el editor visual es la forma más fácil de sangrar párrafos en WordPress. Sin embargo, esto no le permite controlar la cantidad de espaciado que desea añadir.

Los usuarios más avanzados pueden cambiar al editor de texto y añadir manualmente el espaciado. Todo lo que necesitas hacer es envolver el texto alrededor de la etiqueta de párrafo <p> y </p> etiquetas y, a continuación, añadir CSS integrado en el texto del párrafo de esta manera:

<p style="padding-left:25px;">Tu texto de párrafo va aquí...</p>

Manually indent paragraphs using inline CSS

Este método le permite controlar el espaciado que desea utilizar como sangría. Este método funciona mejor si no necesita sangrar párrafos con frecuencia. Sin embargo, si sangras párrafos con frecuencia, esta no es la solución ideal.

Método 3: Sangrar solo la primera línea de un párrafo

Las páginas web no utilizan el espaciado de párrafo tradicional de los procesadores de texto o la composición tipográfica, que solo aplica sangría a la primera línea del párrafo.

Incluso en WordPress, cuando sangras un párrafo el espaciado se añade a todo el párrafo.

All lines get affected in indent paragraph

Algunos sitios web como sitios de noticias, revistas o publicaciones literarias pueden querer añadir un espaciado de párrafo más tradicional. En ese caso, tendrás que añadir CSS personalizado a tu tema.

Primero debes visitar Apariencia ” Personalizar para iniciar el personalizador de temas de WordPress. Ahora haz clic en la pestaña “CSS adicional”.

Adding custom CSS in WordPress

Esto le mostrará un cuadro de texto en el panel izquierdo donde puede añadir su CSS personalizado. Tienes que añadir este código CSS en el cuadro.

p.custom-indent { 
text-indent:60px;
} 

Este código CSS simplemente le dice a los navegadores que si un párrafo tiene la clase .custom-indent, entonces añada 60px como texto-indent.

Ahora puede editar una entrada en WordPress y cambiar al editor de texto. Siguiente, envuelva su párrafo dentro de <p class=”custom-indent”> y </p> etiquetas como esto:

<p class="custom-indent">Tu texto de párrafo va aquí...</p>

Una vez hecho esto, puedes previsualizar tu entrada, y verás que solo la primera línea del párrafo tiene espaciado previo.

Indent only the first line of a paragraph in WordPress

Este método funcionará perfectamente si solo quieres sangrar unos pocos párrafos. Sin embargo, si desea añadir este estilo a todos los párrafos en su sitio, entonces sólo tiene que cambiar el CSS personalizado de esta manera:

article p { 
text-indent:60px;
} 

Esta regla CSS sangrará automáticamente la primera línea de todos los párrafos dentro de una entrada o página de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo sangrar párrafos en WordPress. Puede que también quieras ver nuestros consejos para dominar el editor visual de WordPress.

Si te ha gustado este artículo, suscríbete a nuestro canal de YouTube para ver tutoriales en vídeo sobre WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

11 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Paulette Brown says

    I found “Customize” at the top in the black menubar when I’m signed in for editing my WordPress site.
    Your instructions don’t mention that I need to click the blue “Publish” box to add the CSS. Mine doesn’t say “Save and Publish”. I found elsewhere that I need to click this, and when I change themes I may need to do this CSS entry again.
    The site-wide indent first line CSS doesn’t work the way I expected. Nothing seems to have happened.
    Does it need to be on the three lines you show, or can it be all on one line?

    • WPBeginner Support says

      Apologies for that lack of clarification, you are correct that if you change themes with method 3 it will require you to readd the CSS. The three lines are for display but either method should work properly.
      Your theme may be overriding the CSS, you may want to check with the support for your specific theme if there is a setting that would be preventing it.

      Administrador

  3. chas says

    It works, but treats the whole article as one paragraph I’m trying to post a short story with many paragraphs
    all I cab do is insert one CR after another and that’s a royal pain

  4. Roman says

    None of this works for me. I’m either inserting it wrong, or wordpress has changed, and this doesn’t work anyone. I can’t even find the “additional css” after going into “appearance” to “customize”.

    • Sam says

      This definitely works. You have to search around your “customize” location. It also depends on your theme developer, they may move the add/custom CSS.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.