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

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?

Resumen

WordPress ofrece excelentes opciones de personalización, incluyendo 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!

El Autor

Author

Gustavo B. / @gustavohostinger

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.

Tutoriales relacionados

Author

isabel Responder

enero 02 2020

Hola Gustavo. Soy nueva en esto de Blog, he instalado search console y me ha llegado una notificación la cual me dice que el texto es muy pequeño para leerlo en un móvil, osea que debo de cambiarlo. sucede que al cambiarlo con el editor Gutenberg queda mal. todo el texto está en 20 como lo puse pero las etiquetas, donde dice "deja tu comentario" , categorias, barra lateral y otros siguen teniendo un tamaño muy pequeño. Que hago en ese caso?. No se mucho usar css pero lo puedo intentar. lol

Author

Eva Responder

mayo 19 2020

Muy bien explicado. ¡Gracias!

    Author

    Gustavo B.

    Respondido en mayo 21 2020

    Hola Eva, gracias por tu comentario, y nos emociona saber que te fue útil este tutorial. Saludos!

Deja una respuesta

Comentar*

Nombre*

Correo electrónico*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

¡Empieza a ser parte de Hostinger hoy!