¿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.

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.

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 :

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

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.

Es posible que algunos sitios web de revistas o diarios literarios deseen agregar una sangría más tradicional. En este caso, debe agregar CSS personalizado a su tema de WordPress.

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

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-indent { 
text-indent:60px;
}

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

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.

A continuación, puede editar su artículo en el editor de texto. Luego rodea tu texto con las etiquetas <p class = "custom-indent"> et </p> 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.

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:

article 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…).

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 

Ce Plugin de WordPress premium es un poderoso editor de código CSS y JavaScript que te permite agregarlos a cualquier sección de tu sitio web. Le permite mantener sus personalizaciones incluso después de una actualización importante de su tema de WordPress.

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

2. Google Maps sensible

Ce Plugin de WordPress promueve la creación de un sistema de múltiples marcadores en un mapa y varios mapas por página. Incluye vista de pantalla completa y agrupación de múltiples marcadores. No se necesita ninguna clave API para hacer esto.

La instalación de Plugin de WordPress Mapa de Google receptivos es simple y fácil. No hay necesidad de códigos cortos largos y complejos. Asimismo, es sencillo crear un mapa, para agregarle rápidamente una ubicación, para eso, solo tienes que copiar un shortcode en la página donde quieres mostrar el mapa, ¡y listo!

leer Cómo mostrar la ubicación de un miembro de su comunidad WP en un mapa de Google

Sus otras características son: aarte sensible, pvarias ubicaciones en el mismo mapa, pvarias tarjetas por página, la posibilidad dedescarga tus propios marcadores, una vista de pantalla completa, d apoyodiferentes tipos de mapas (hoja de ruta, satélite, híbrido y terreno), el zoom automático, la capacidad de personalizar el tir del mapa, emucho más ...

Recursos recomendados

Descubrir más Recursos recomendaciones que te ayudaran mejor tome el control de su editor de texto visual.  

• Cómo instalar (agregar) un complemento en WordPress
• Cómo instalar WordPress Seguridad Wordfence
• Que esperar de Gutenberg, el nuevo editor de WordPress  
• Cómo usar el editor Gutenberg para WordPress 5.0: Parte XNUMX 
• Cómo agregar funcionalidad al editor visual de WordPress

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.

...