WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Cómo modificar el interlineado en WordPress

Jorge López by Jorge López
24 abril 2018
in Tutoriales
Reading Time: 3 mins read
0

La mayoría de procesadores de texto te permiten introducir espacios en blanco adicionales entre cada una de las líneas. Todo lo que tienes que hacer es presionar la tecla ENTER unas cuantas veces. Si te lo quieres currar un poco más, puedes escoger otras opciones más profesionales: cambiar el formato el espaciado a doble línea en los párrafos, aumentar el espaciado de la línea… Pero claro, esto en el editor visual de WordPress, sobre todo en usuario novatos, puede convertirse en una verdadera pesadilla. ¿Por qué? Pues porque no hay ningún botón de formato como en Microsoft Word. En este artículo, te mostramos cómo modificar el interlineado en WordPress.

Antes de empezar, es importante saber que el interlineado se rige por el tema de WordPress que estés utilizando actualmente. Te mostraremos cómo modificar el interlineado en el editor visual, y después veremos cómo modificarlo en tu tema si no estás satisfecho con los resultados.

Añadiendo un interlineado doble

Cuando pulsas ENTER para añadir un retorno de carro, el editor visual de WordPress lo considera como que estás creando un nuevo párrafo. Esto significa que automáticamente añadirá un interlineado doble, el cual tu tema ya tiene personalizado. Es decir, ya cuenta con un estilo para los párrafos (al menos, si es un buen tema).

Artículos relacionados

Cómo hacer scroll hacia un elemento mediante un enlace en WordPress

27 septiembre 2017

Cómo mostrar los últimos usuarios registrados en WordPress

17 septiembre 2018

Cómo hacer que tus lectores reciban un correo cada vez que publiques nuevos artículos

7 mayo 2018

¿Cómo saber si has elegido la plantilla perfecta?

23 septiembre 2019

Así que, simplemente presiona la tecla ENTER después de la línea y después, sigue escribiendo en la línea siguiente.

interlineado doble

Simplemente haciendo esto, y siempre rigiéndonos en el estilo de tu tema, debes ver una distinción clara entre párrafos (es decir, un interlineado doble).

Añadiendo un interlineado simple

Ahora, imaginemos que queremos escribir algo como por ejemplo, una dirección postal. Lo lógico será que le diéramos un interlineado simple a cada uno de los campos.

En ese caso, debes presionar SHIFT+ENTER.

interlineado simple

Esto indicará a WordPress que quieres empezar una nueva línea dentro de un párrafo existente.

Modificando el interlineado

Hay veces que, incluso agregando el interlineado adecuado a través del editor, no consigues que se vea como a ti te gustaría. Ahí es cuando necesitas realizar cambios en el CSS del tema que estás utilizando ahora mismo. Para el que no sepa que es CSS, digamos que es algo así como la función de formato de Microsoft Word.

Para ello, abre el archivo CSS de tu tema. Puedes acceder a él mediante el Editor de ficheros de WordPress en Apariencia > Editor, o bien, a través de un cliente FTP.

En el archivo CSS, buscar el texto «.post p».

Básicamente esto controla la forma en que se muestran los párrafos en el contenido de un post. Una vez lo encuentres, debes agregar o modificar el valor del interlineado. Si no encuentras el texto .post p, simplemente crea la regla.

.post p{line-height: 1.5em;}

Este regla cambiará el interlineado de los párrafos de los posts a 1.5em. Em es una unidad de anchura para la tipografía. Utilizamos la clase .post para que solo afecte a los párrafos de integran un post, y no a otros párrafos que podamos tener en nuestro sitio web.

Ahora, esto solo cambia el interlineado simple. Si lo que queremos es modificar el espaciado entre cada párrafo (es decir, el interlineado doble), tendríamos que añadir un padding.

.post p { 
line-height: 1.5em;
padding-bottom: 15px;
}

Siéntete libre de modificar los valores según tus necesidades.

Y hasta aquí nuestro artículo sobre cómo modificar el interlineado en WordPress. Espero que te haya gustado y, si te ha resultado útil, no dudes en compartirlo en redes sociales. ¡Nos leemos!

Icono: Pumpkin Juice

 

 

Guardar

Continue Reading
Tags: espacio entre líneasinterlineadomodificar interlineadomodificar interlineado en WordPresspárrafos
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Tutoriales

WordPress: Cambia tu URL directamente desde la base de datos

18 diciembre 2024

La gestión eficaz de un sitio web en WordPress a menudo requiere adaptaciones técnicas,...

General

Protección avanzada de tu WordPress: Cómo blindar /wp-admin sin bloquear funciones necesarias

18 diciembre 2024

En el ámbito de la gestión de sitios web basados en WordPress, la seguridad...

Tutoriales

Cómo crear una tabla de contenidos en tus publicaciones con Rank Math

11 enero 2023

En muchas ocasiones, leer un artículo demasiado largo puede provocar que te aburras de...

Tutoriales

Cómo instalar Perl en un servidor desplegado en Clouding

20 julio 2021

Un buen desarrollador necesita contar con las herramientas, servicios y tecnologías adecuadas a sus...

Deja una respuesta Cancelar la respuesta

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

WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.