Cómo cambiar el tamaño de la letra en WordPress

Cambiar el tamaño de la letra en WordPress es fácil y en este artículo aprenderás todo lo que necesitas saber.

Vamos a ver dos métodos: instalar un plugin y usar CSS.

WordPress es reconocido por lo fácil que es editar las publicaciones, y al igual que tu software de procesamiento de texto favorito, también ofrece muchas opciones. Puedes editar el contenido fácilmente utilizando un menú desplegable para configurar los encabezados y los párrafos.

Ten en cuenta que la estructura del contenido es importante, tanto para los visitantes como para el SEO. Tener una buena estructura de títulos y subtítulos le ayuda a los motores de búsqueda a escanear mejor los temas principales de tus publicaciones, especialmente las más largas. Esto te ayudará a tener un mejor posicionamiento en los resultados del motor de búsqueda.

La última versión de WordPress viene con el editor Gutenberg, por eso también te mostraremos cómo cambiar el tamaño de la letra en WordPress con esta herramienta.

Cambiar el tamaño de la letra con el plugin TinyMCE Advanced

TinyMCE Advanced es un plugin gratuito que te permite elegir fácilmente el tamaño de fuente que prefieras. Este plugin viene con una barra de herramientas del editor clásico en el nuevo editor Gutenberg.

Primero, tienes que instalar y activar el plugin, y luego puedes ir a la página de Ajustes. Allí encontrarás dos pestañas: Editor de bloques (Gutenberg) y Editor clásico (TinyMCE).

Si solo quieres utilizar el editor clásico, activa la opción «Reemplaza el editor de bloques por el editor clásico» debajo de Opciones avanzadas. Si no marcas esta opción puedes usar ambos editores uno al lado del otro.

Veamos los pasos para cambiar el tamaño de la letra con este plugin:

  1. Ve a añadir nueva entrada o edita una existente. Allí verás un editor de párrafos clásico. Crear una nueva publicación con el plugin TinyMCE Advanced instalado
  2. Resalta los renglones que vas a modificar y luego selecciona el tamaño de fuente. Si no ves la opción de tamaño de fuente en la barra de herramientas tendrás que volver a los Ajustes -> TinyMCE Advanced, y debajo de «Barras de herramientas para los bloques de párrafo clásico» arrastrar el botón correspondiente hasta la barra de herramientas. Resaltar el texto antes de cambiar los tamaños de fuente
  3. Así se ve el resultado: Cómo se ve el resultado después de los cambios

Usando CSS: El método clásico

Si bien el método anterior es ideal para principiantes que quieren cambiar el tamaño de la letra en WordPress, el método clásico requiere CSS y puede ser un poco más complicado.

Sin embargo, al usar un plugin o el editor de WordPress predeterminado tienes que hacer las modificaciones para cada una de las páginas, mientras que con CSS se puede cambiar el tamaño de la fuente para todo el sitio.

Cambiar el tamaño de la letra usando CSS requiere agregar líneas de código, lo cual se puede hacer a través del editor o el Personalizador. Pero recomendamos el personalizador ya que es el método más fácil.

  1. Ve al panel de WordPress, luego a Apariencia -> Personalizar. Elegir el menú de personalizar en WordPress
  2. Elige CSS adicional. Elegir el menú CSS adicional en WordPress

Aquí puedes agregar líneas de código en el cuadro del lado izquierdo.

  1. Para cambiar la fuente completa:
body {
font-size: 1.25rem;
}
Cambiar toda la fuente usando CSS adicional
  1. Para cambiar la fuente de los párrafos:
p {
font-size: 25px;
}
Cambio del tamaño de fuente del párrafo usando CSS adicional
  1. Para cambiar las fuentes de tipos de encabezados específicos:
h2 {
font-size: 2.5em;
}
Cambiar el tamaño de fuente del encabezado usando CSS adicional
  1. Para cambiar el tamaño de fuente de la barra lateral:
.sidebar li {
font-size: 12px;
}
  1. Para personalizar la fuente de pie de página:
.footer {
font-size: 150%;
}
  1. Para cambiar la fuente en tamaños de pantalla específicos:
html {
font-size: 18px;
}
@media (min-width: 900px) {
html {
font-size: 20px;
}
}

Los estilos CSS permiten que el tamaño del texto sea medido por cuatro unidades diferentes:

  • Em (em). Esta es una unidad utilizada en los documentos de medios web. 1em es igual a 12 puntos.
  • Píxeles (px). Esta es una unidad utilizada en los medios de pantalla. 1px es igual a 1 punto en la pantalla de una computadora.
  • Puntos (pt). Esta unidad es para medios impresos tradicionales. 1 punto es igual a 1/72 de pulgada.
  • Porcentaje (%). El valor predeterminado es 100% que cambiará después de acercarse o alejarse con el zoom.

Usando el editor Gutenberg

Como mencionamos antes, Gutenberg es una nueva adición de WordPress y está integrado dentro del CMS para facilitar el trabajo de edición de publicaciones ricas en medios.

Un cambio a destacar es el uso de bloques; los bloques te permiten arrastrar y soltar cualquier archivo multimedia en tus publicaciones, como cualquier otra plataforma de creación de páginas.

Así se ve un bloque:

Cómo se ven los bloques del editor Gutenberg

Para cambiar el tamaño de letra utilizando el editor Gutenberg, sigue estos sencillos pasos:

  1. Elige la publicación que vas a editar, o simplemente selecciona Añadir nueva.
  2. Haz clic en el bloque que contiene el texto que quieres cambiar, luego selecciona el número manualmente.
Cómo cambiar el tamaño de letra en WordPress usando entrada manual
  1. O bien, puedes seleccionar las opciones predefinidas al lado derecho: pequeño, normal, medio, grande y enorme.
Cómo cambiar el tamaño de fuente en WordPress usando las opciones predeterminadas

Fácil, ¿cierto?

Conclusión

WordPress ofrece excelentes opciones de personalización, incluyendo la opción de añadir fuentes personalizadas y el cambio del tamaño de la letra. Un tamaño de letra perfecto hace que tu contenido luzca más atractivo y más cómodo para leer, y lo mejor es que estos ajustes son supremamente fáciles de hacer.

Los principiantes pueden instalar un plugin, mientras que los usuarios que tengan algo de conocimiento de CSS pueden modificar los temas manualmente. ¡Que te diviertas personalizando!

Cambiar tamaño de letra en WordPress – Preguntas frecuentes

Estas son algunas de las preguntas más comunes sobre cómo cambiar el tamaño de la fuente en WordPress.

¿Puedo cambiar el tamaño de fuente de determinadas páginas o entradas en WordPress?

Sí, puedes cambiar el tamaño de las letras para páginas o entradas específicas en WordPress utilizando creadores de páginas o añadiendo código CSS personalizado.

¿Es posible cambiar el tamaño de la letra para dispositivos móviles en WordPress?

Es posible cambiar el tamaño de fuente para dispositivos móviles en WordPress usando técnicas de diseño responsivo y media queries en tu CSS.

¿Cuál es el tamaño de fuente predeterminado en WordPress?

El tamaño de fuente predeterminado en WordPress depende del tema que estés utilizando. Generalmente, son 16 píxeles, pero puede variar. Puedes comprobar el tamaño de letra predeterminado inspeccionando el código o utilizando las herramientas para desarrolladores de un navegador.

Author
El autor

Gustavo B.

Gustavo es un apasionado por la creación de sitios web. Se enfoca en la aplicación de estrategias SEO en Hostinger para España y Latinoamérica, así como la creación de contenidos de alto nivel. Cuando no está aplicando nuevos trucos en WordPress lo puedes encontrar tocando la guitarra, viajando o tomando un curso online.