¿Quieres agregar espacio o indentar párrafos en WordPress? Si bien la mayor parte de tu texto está alineada a la izquierda, en algunos casos es posible que desees indentar un párrafo para mejorar la tipografía y la experiencia de lectura. En este artículo, te mostraremos cómo indentar párrafos fácilmente en WordPress.
Método 1: Usar los botones de indentación 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 idiomas de derecha a izquierda.
Si deseas indentar un párrafo, puedes hacerlo manualmente haciendo clic en el botón de aumentar indentación en el editor visual. Esto agregará espacio a la izquierda del párrafo.
En caso de que desees indentar más de un párrafo, deberás seleccionar esos párrafos y luego hacer clic en el botón de aumentar indentación.
Puedes hacer clic en agregar indentación varias veces para aumentar el espacio. Por ejemplo, si haces clic dos veces, duplicará el espacio de indentación.
También puedes disminuir el espacio haciendo clic en el botón de disminuir indentación.
Método 2: Indentar párrafos manualmente usando el editor de texto
Usar los botones de indentación de texto en el editor visual es la forma más fácil de indentar párrafos en WordPress. Sin embargo, esto no te permite controlar la cantidad de espacio que deseas agregar.
Los usuarios más avanzados pueden cambiar al editor de texto y agregar manualmente el espaciado. Todo lo que necesita hacer es envolver el texto con las etiquetas de párrafo <p> y </p> y luego agregar CSS en línea al texto del párrafo de esta manera:
<p style="padding-left:25px;">Tu texto de párrafo va aquí...</p>
Este método le permite controlar el espaciado que desea usar como sangría. Este método funcionaría mejor si no necesita sangrar párrafos con mucha frecuencia. Sin embargo, si sangra párrafos con frecuencia, esta no es una solución ideal.
Método 3: Sangrar solo la primera línea de un párrafo
Las páginas web no utilizan el espaciado tradicional de párrafos utilizado por los procesadores de texto o la maquetación, que solo sangra la primera línea del párrafo.
Incluso en WordPress, cuando sangra un párrafo, el espaciado se agrega a todo el párrafo.
Algunos sitios web como sitios de noticias, revistas o revistas literarias pueden querer agregar un espaciado de párrafo más tradicional. En ese caso, necesitará agregar CSS personalizado a su tema.
Primero, debe visitar Apariencia » Personalizar para iniciar el personalizador de temas de WordPress. Ahora haga clic en la pestaña 'CSS adicional'.
Esto le mostrará un cuadro de texto en el panel izquierdo donde puede agregar su CSS personalizado. Necesita 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, entonces agregue 60px como text-indent.
Ahora puede editar una publicación en WordPress y cambiar al editor de texto. A continuación, envuelva su párrafo entre las etiquetas <p class=”custom-indent”> y </p> de esta manera:
<p class="custom-indent">Tu texto de párrafo va aquí...</p>
Una vez hecho esto, puedes previsualizar tu publicación y verás que solo la primera línea del párrafo tiene un espacio antes de ella.
Este método funcionará bien si solo quieres sangrar unos pocos párrafos. Sin embargo, si quieres añadir este estilo a todos los párrafos de tu sitio, entonces solo necesitas 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 publicación o página de WordPress.
Esperamos que este artículo te haya ayudado a aprender cómo sangrar párrafos en WordPress. También te puede interesar ver nuestros consejos para dominar el editor visual de WordPress.
Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para tutoriales de video de WordPress. También puedes encontrarnos en Twitter y Facebook.
cuneyt
gracias, explicaciones realmente sencillas con imágenes exactas. me ayudó mucho.
Soporte de WPBeginner
You’re welcome, glad our guide was helpful
Administrador
Paulette Brown
Encontré "Personalizar" en la parte superior en la barra de menú negra cuando he iniciado sesión para editar mi sitio de WordPress.
Sus instrucciones no mencionan que necesito hacer clic en el cuadro azul "Publicar" para agregar el CSS. El mío no dice "Guardar y publicar". Encontré en otro lugar que necesito hacer clic en esto, y cuando cambio de tema, es posible que necesite volver a ingresar este CSS.
El CSS de sangría de la primera línea en todo el sitio no funciona como esperaba. Nada parece haber sucedido.
¿Necesita estar en las tres líneas que muestra, o puede estar todo en una sola línea?
Soporte de WPBeginner
Disculpas por esa falta de aclaración, tiene razón en que si cambia de tema con el método 3, requerirá que vuelva a agregar el CSS. Las tres líneas son para visualización, pero cualquiera de los métodos debería funcionar correctamente.
Su tema puede estar anulando el CSS, es posible que desee consultar con el soporte de su tema específico si hay alguna configuración que lo esté impidiendo.
Administrador
Sergiu
Desearía que las sangrías y la numeración tuvieran atajos de teclado como los procesadores de texto.
chas
Funciona, pero trata todo el artículo como un párrafo. Estoy intentando publicar un cuento corto con muchos párrafos.
Todo lo que puedo hacer es insertar un salto de línea tras otro y eso es una gran molestia.
Lucas
Funciona para el texto interno, pero también lo hace en los comentarios. ¿Hay alguna forma de que solo se publique en las entradas?
Roman
Nada de esto me funciona. O lo estoy insertando mal, o WordPress ha cambiado y esto ya no funciona. Ni siquiera puedo encontrar el "CSS adicional" después de ir a "Apariencia" para "Personalizar".
Sam
Esto definitivamente funciona. Tienes que buscar en tu ubicación de "Personalizar". También depende del desarrollador de tu tema, pueden mover el CSS adicional/personalizado.
Cavid Muradov
Very thanks for text indent