Saltar al contenido principal

Cómo aplicar una sangría en los párrafos WordPress

Divi: el tema de WordPress más fácil de usar

Cree fácilmente su sitio web con Elementor

Elementor le permite crear fácilmente cualquier diseño de sitio web con un aspecto profesional. Deja de pagar caro por lo que puedes hacer tú mismo. [Gratis]

¿Quieres agregar espacios o subsecciones sangrado en WordPress? ¿Le gustaría sangrar párrafos en WordPress?

Aunque la mayor parte del texto está alineado a la izquierda, en algunos casos es posible que deba sangrar ciertos párrafos para mejor tipografía y un mejor experiencia de lectura.

En este tutorial, le mostraremos cómo sangrar fácilmente párrafos en WordPress.

sangrar párrafos en WordPress

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

Por defecto, la mayoría Temas de WordPress Mostrar párrafos justificados a la izquierda o derecha para idiomas de derecha a izquierda.

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

Sangría de párrafos en wordpress

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

Puede hacer clic en el botón varias veces para aumentar la sangría. Por ejemplo, si hace doble clic en él, se duplicará el espaciado de sangría.

También puede reducir el retiro haciendo clic en el botón Disminuir la sangría

También te invitamos antes de continuar descubriendo Cómo usar el editor Gutenberg para WordPress 5.0: Parte XNUMX

Método 2: sangría manual párrafo usando el editor de texto

Usando los botones de retiro texto en el editor visual es la forma más fácil de agregar sangría a los párrafos. Sin embargo, esto no le da control sobre la cantidad de espacio que desea agregar.

Los usuarios más avanzados pueden cambiar a editor de texto para agregar manualmente la sangría. Todo lo que necesita hacer es poner el texto en la etiqueta de párrafo y y luego y agregar código CSS como esto :

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 901.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62. [Recomendado]

El texto de tu párrafo va aquí ...

Sangría manual de párrafo en wordpress

Este método le permite controlar el espaciado que desea utilizar como sangría. Este método funciona mejor si no necesita sangrar los párrafos con regularidad.

Entonces, si los sangra con suficiente frecuencia, esta no es una solución ideal.

Descubre nuestra guía sobre Cómo escribir (escribir) un buen párrafo en tu blog 

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

Las páginas web no utilizan el espacio entre párrafos tradicional utilizado por el software de procesamiento de texto, que solo marca la primera línea del párrafo.

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

Ejemplo de sangría de párrafo

Algunos sitios web de revistas o revistas literarias pueden desear agregar una eliminación más tradicional. En este caso, debe agregar CSS personalizado a su tema de WordPress.

Ir a " Apariencia> Personalizar Para lanzar el " Personalizador Del tema de WordPress. Clickea en el " CSS adicional ".

Personalizador de CSS adicional wordpress

Esto mostrará un cuadro de texto en el panel izquierdo donde puede agregar su código CSS personalizado. Agregue este código CSS en este cuadro de texto.

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

Descubre también nuestro Tutorial: Cómo dominar el editor visual de WordPress

¿Estás buscando los mejores temas y complementos de WordPress?

Descarga los mejores complementos y temas de WordPress en Envato y crea fácilmente tu sitio web. Ya más de las descargas de 49.720.000. [EXCLUSIVO]

Este código CSS simplemente le dice a los navegadores que si un párrafo tiene la clase ".custom-indent", entonces agrega una sangría de 60px.

Luego puede editar su artículo en el editor de texto. Luego rodee su texto con las etiquetas y como sigue:

El texto de tu párrafo va aquí ...

Una vez terminado, puede obtener una vista previa de su artículo, y verá que solo la primera línea del párrafo tiene espacio antes.

Espaciado delante de un párrafo

Este método funcionará cuidadosamente si solo desea sangrar algunos párrafos. Sin embargo, si desea agregar este estilo a todos los párrafos de su sitio web, simplemente necesita modificar el código CSS personalizado de esta manera:

Artículo p {text-indent: 60px; }

Este código CSS agregará automáticamente una sangría en la primera línea de todos los párrafos dentro de una publicación o página de WordPress.

Descubre también antes de partir Cómo agregar un estilo visual al editor de WordPress

Para aquellos que buscan editores visuales de estilo para mejorar el aspecto de su sitio web, aquí les ofrecemos 3 complementos premium de WordPress diseñados para esta tarea.

1. Lápiz amarillo: Editor CSS de estilo visual

Yellow Pencil es un editor de estilo visual que puedes usar con cualquier tema para personalizar tu sitio web en minutos (fuentes, colores, animaciones y más…).Plugin de editor de estilo css visual de yellowpencil wordpress

Este complemento creará estilos CSS en segundo plano mientras juegas con colores como si fuera un juego. Fue diseñado tanto para principiantes como para usuarios experimentados. No se requieren conocimientos de codificación; Sin embargo, el complemento tiene un buen editor de CSS para aquellos a los que les gusta codificar. Puede codificar en vivo con este editor y personalizar su CSS.

Descargar | Demo | alojamiento web

2. Easy Custom JS y CSS 

Este complemento premium de WordPress es un potente editor de código CSS y Javascript que le permite agregarlos a cualquier sección de su sitio web. Le permite mantener sus personalizaciones incluso después de una actualización importante de su tema de WordPress. Complemento de wordpress de personalización adicional js y css personalizado fácil

Tiene la opción de limitar el campo de uso de su código personalizado. Por ejemplo, puede usar su código solo para un artículo en formato de video. O puede limitar su código a un tema específico; Lo cual es útil si cambia con frecuencia los temas de su blog de WordPress.

Descargar | Demo | alojamiento web

3. JS y CSS personalizados para Gutenberg

El complemento de WordPress Custom JS y CSS para Gutenberg le permitirá agregar un número ilimitado de estilos personalizados al editor WYSIWYG para sus publicaciones y páginas de WordPress. Es totalmente compatible con la versión Gutenberg de WordPress.Js y css personalizados para el complemento de wordpress de gutenberg

Simplemente puede crear un nuevo estilo con un editor CSS fácil de usar. Este complemento amplía la funcionalidad de los campos personalizados en su sitio y le permite modificar sus campos personalizados con un módulo de personalización dinámico y potente. y la función de vista previa en tiempo real de este complemento lo hace muy cómodo y fácil de usar.

Crea fácilmente tu tienda en línea

Descargue gratis WooCommerce, los mejores complementos de comercio electrónico para vender sus productos físicos y digitales en WordPress. [Recomendado]

Descargar | Demo | alojamiento web

Recursos recomendados

Descubra otros recursos recomendados que le ayudarán mejor tome el control de su editor de texto visual.  

Conclusión

Listo ! Eso es todo por este tutorial, espero que te permita organizar mejor la sangría de tus artículos. no dude en comparte el consejo con tus amigos en tus redes sociales.

Si tiene alguna sugerencia o comentario, serán bienvenidos. También te invitamos a consultar nuestro recursos si eres un blogger principiante.

... 

Este artículo contiene comentarios 1

  1. Artículo p {texto-texto: 60 px; }
    Cadena que me da un error.
    El servicio de validación también me da el error "60px; } "
    ¿Cómo debemos corregir?
    Buen trabajo

Dejar un comentario

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados con *

Este sitio usa Akismet para reducir los no deseados. Obtenga más información sobre cómo se utilizan sus datos de comentarios.

Volver arriba
17 acciones
cuota14
Tweet1
Siguiente 2