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

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

Método 1: usar los botones de sangría de texto en el editor visual

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

Si desea aplicar sangría a un párrafo, puede hacerlo manualmente haciendo clic en el botón para aumentar la sangría en el editor visual. Esto agregará espacio a la izquierda del párrafo.

Aumente la sangría y disminuya la sangría en los botones del editor de WordPress

En caso de que desee aplicar una sangría a más de un párrafo, debe seleccionar esos párrafos y luego hacer clic en el botón para aumentar la sangría.

Puede hacer clic en la sangría varias veces para aumentar el espaciado. Por ejemplo, si hace clic dos veces, se duplicará el espaciado de sangría.

También puede reducir el espaciado haciendo clic en el botón Reducir sangría.

Método 2: sangra manualmente el párrafo con el editor de texto

Usar los botones de sangría de texto en el editor visual es la forma más fácil de sangrar párrafos en WordPress. Sin embargo, eso no le permite controlar la cantidad de espacio que desea agregar.

Los usuarios más avanzados pueden cambiar al editor de texto y agregar espacios manualmente. Todo lo que tienes que hacer es envolver el texto alrededor de las etiquetas de párrafo

es

y luego agregue CSS en línea al texto del párrafo así:

<p style="padding-left:25px;">Your paragraph text goes here...</p>

Aplicar sangría manual a los párrafos usando CSS en línea

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

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

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

Incluso en WordPress, cuando sangra un párrafo, se agrega espacio a todo el párrafo.

Todas las líneas se cambian en el párrafo de sangría.

Es posible que algunos sitios web, como noticias, sitios de revistas o revistas literarias, deseen agregar un espacio entre párrafos más tradicional. En ese caso, deberá agregar CSS personalizado a su tema.

Primero tienes que visitar Apariencia »Personalizar para comenzar a personalizar el tema de WordPress. Ahora haga clic en la pestaña “CSS adicional”.

Agregar CSS personalizado en WordPress

Esto le mostrará un cuadro de texto en el panel izquierdo donde puede agregar su CSS personalizado. Debe agregar 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, agregue 60px como text-indent.

Ahora puede editar una publicación en WordPress y cambiar al editor de texto. Luego, encierre el párrafo dentro de las etiquetas

es

De este modo:

<p class="custom-indent">Your paragraph text goes here...</p>

Una vez hecho esto, puede obtener una vista previa de su publicación y verá que solo la primera línea del párrafo tiene espacio antes.

Solo la primera línea de un párrafo tiene sangría en WordPress

Este método funcionará perfectamente si solo desea sangrar algunos párrafos. Sin embargo, si desea agregar este estilo a todos los párrafos de su sitio, solo necesita editar el CSS personalizado así:

article p { 
text-indent:60px;
} 

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

Esperamos que este artículo le haya ayudado a aprender a sangrar párrafos en WordPress. Es posible que también desee ver nuestros consejos sobre cómo dominar el editor visual de WordPress.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *