Cómo cambiar el interlineado del texto en WordPress ⋆ ALexHost SRL

Pon a prueba tus habilidades en todos nuestros servicios de Hosting y ¡obtén un 15% de descuento!

Utiliza el código al pagar:

Skills
17.01.2025

Cómo cambiar el interlineado del texto en WordPress

Ajustar el interlineado (también conocido como altura de línea) del texto en WordPress puede mejorar la legibilidad y la estética del diseño de tu sitio. Puedes cambiar el interlineado mediante varios métodos, dependiendo de si utilizas el editor de bloques (Gutenberg), las opciones de personalización integradas en un tema o si añades CSS personalizado.

A continuación te explicamos cómo puedes cambiar el interlineado del texto en WordPress:


Método 1: Usando el editor de bloques (Gutenberg)

En el editor de bloques de Gutenberg, algunos bloques, como el bloque Párrafo o Título, permiten realizar ajustes básicos en la configuración del texto, incluido el interlineado.

Paso 1: Abrir el editor de bloques

  1. Inicia sesión en tu panel de WordPress.
  2. Ve a Entradas > Añadir nuevo o Páginas > Añadir nuevo (o edita una entrada/página existente).

Paso 2: Selecciona el Bloque de Texto

  1. Haga clic en el bloque Párrafo o Título que contiene el texto en el que desea ajustar el interlineado.

Paso 3: Usar la configuración del bloque

  1. En el panel de configuración de la derecha, haga clic en la pestaña Bloque.
  2. Busque una opción llamada Altura de línea (Nota: Es posible que esta opción sólo esté disponible en determinados temas o bloques).
  3. Ajuste la altura de línea aumentando o disminuyendo el valor (normalmente un número entre 1 y 2 es típico para la mayoría del texto).

Paso 4: Guarde los cambios

  1. Después de ajustar la altura de la línea, previsualiza el post o la página para asegurarte de que el texto tiene el aspecto que deseas.
  2. Haz clic en Publicar o Actualizar para guardar los cambios.

Método 2: Usar el Personalizador de WordPress (Para Temas con Opciones de Tipografía)

Algunos temas de WordPress ofrecen opciones de personalización de la tipografía que permiten ajustar el interlineado en todo el sitio sin necesidad de CSS personalizado.

Paso 1: Ir al Personalizador de WordPress

  1. Desde el panel de control, vaya a Apariencia > Personalizar.

Paso 2: Buscar la configuración de tipografía

  1. En el personalizador, busque la sección Tipografía o Apariencia. (Nota: La ubicación exacta de estos ajustes depende de tu tema)
  2. Busque una opción que controle la altura de línea o el espaciado de texto.

Paso 3: Ajustar el interlineado

  1. Utilice los controles deslizantes o las entradas numéricas para ajustar la altura de línea de determinados elementos de texto (por ejemplo, cuerpo de texto, encabezados).
  2. Previsualice los cambios para ver cómo queda el texto en distintos dispositivos.

Paso 4: Guarde los cambios

  1. Cuando esté satisfecho con el espaciado, haga clic en Publicar para aplicar los cambios a todo el sitio.

Método 3: Usar CSS personalizado

Para tener un mayor control sobre el interlineado o si tu tema o editor no proporciona una opción para ajustar la altura de la línea, puedes añadir CSS personalizado para cambiarlo.

Paso 1: Añadir CSS personalizado

  1. Desde el panel de control de WordPress, vaya a Apariencia > Personalizar.
  2. Haz clic en la pestaña CSS adicional.

Paso 2: Insertar el código CSS

Para dirigir todos los párrafos a todo el sitio, añada el siguiente código CSS:

p { line-height: 1.6; /* Ajuste el número a su preferencia */ }

Para orientar los encabezados (por ejemplo, H1, H2), utilice:

h1, h2, h3, h4, h5, h6 { line-height: 1.4; /* Ajuste el número a su preferencia */ }

También puede orientar bloques específicos utilizando su clase CSS o ID. Por ejemplo:

.custom-class p { altura de línea: 1.8; }

Paso 3: Guardar y publicar

  1. Después de añadir el CSS personalizado, previsualice los cambios para asegurarse de que el interlineado es correcto.
  2. Haga clic en Publicar para guardar los cambios.

Método 4: Utilizar un plugin

Si no quieres trabajar con CSS personalizado, puedes utilizar un plugin para gestionar la tipografía y el interlineado fácilmente.

Plugins populares:

  • Advanced Editor Tools (antes TinyMCE Advanced): Este plugin amplía el editor predeterminado de WordPress, proporcionando más opciones de formato, incluido el control del interlineado.
  • WP Typography: Este plugin añade funciones avanzadas de tipografía, como la altura de línea, la alineación del texto, etc.

Pasos:

  1. Vaya a Plugins > Añadir nuevo.
  2. Busque el plugin (por ejemplo, “Advanced Editor Tools”) y haga clic en Instalar y Activar.
  3. Una vez activado, la configuración del plugin estará disponible en Configuración o en la barra de herramientas del editor.
  4. Utilice la interfaz del plugin para ajustar el interlineado según sea necesario.

Conclusión

Cambiar el interlineado en WordPress puede mejorar la legibilidad y el aspecto general de su sitio. Dependiendo de tu tema, puedes ajustar el interlineado utilizando las opciones integradas del Editor de Bloques, el personalizador de temas o CSS personalizado. Si buscas una solución más sencilla, sin código, plugins como Advanced Editor Tools también ofrecen una forma estupenda de gestionar la tipografía. Elige el método que más te convenga y ajusta el texto para conseguir el espaciado deseado.

Pon a prueba tus habilidades en todos nuestros servicios de Hosting y ¡obtén un 15% de descuento!

Utiliza el código al pagar:

Skills