Cómo cambiar fácilmente el tamaño de fuente en WordPress

El tamaño de fuente juega un papel importante para que el contenido de tu sitio web sea claro, legible y visualmente atractivo.

Ya sea que tengas un blog, una tienda de comercio electrónico o un sitio de negocios, saber cómo ajustar los tamaños de fuente en WordPress te permite personalizar tu diseño para que coincida con tu marca y mejorar la experiencia del usuario.

En WPBeginner, hemos estado escribiendo artículos en WordPress durante más de una década. Durante este tiempo, siempre hemos priorizado hacer que nuestro contenido sea legible y accesible para nuestra audiencia. Esto incluye seleccionar un tamaño de fuente que sea fácil de leer y que al mismo tiempo se vea limpio y visualmente atractivo.

En este artículo, te mostraremos cómo cambiar fácilmente el tamaño de fuente en las publicaciones y temas de WordPress.

¿Por qué cambiar el tamaño de fuente en WordPress?

Al cambiar el tamaño de fuente en tu sitio web de WordPress, puedes mejorar la legibilidad del contenido y facilitar que los usuarios lo recorran.

Además, aumentar el tamaño de fuente puede ayudarte a resaltar información importante en tu blog de WordPress.

Por ejemplo, si estás mostrando un producto de afiliado en tu sitio, aumentar su tamaño de fuente puede ayudar a que el producto sea más visible. También puede hacer que el contenido sea más legible para los espectadores que acceden a tu sitio web a través de dispositivos móviles.

Dicho esto, veamos cómo cambiar fácilmente el tamaño de fuente en WordPress.

Para este tutorial, discutiremos varios métodos, por lo que puedes usar los enlaces a continuación para saltar al método de tu elección:

• Método 1: Cómo cambiar el tamaño de fuente usando encabezados
• Método 2: Cambiar el tamaño de fuente del texto en el editor de bloques
• Método 3: Cambiar el tamaño de fuente usando un plugin
• Método 4: Cambiar el tamaño de fuente de todo el sitio usando el editor de sitio completo
• Método 5: Cambiar el tamaño de fuente de todo el sitio usando WPCode
• Extra: Cambiar el color del texto en WordPress
• Tutorial en video

Método 1: Cómo cambiar el tamaño de fuente usando encabezados

Si buscas una forma fácil de cambiar el tamaño de fuente usando encabezados, entonces este método es para ti.

Usar encabezados en tu contenido es una excelente manera de captar la atención del usuario con una fuente de mayor tamaño.

En la mayoría de los temas de WordPress, los encabezados tienen una fuente más grande que el texto normal del cuerpo, lo que te permite dividir tus publicaciones y páginas en secciones.

Los encabezados también son geniales para mejorar el SEO del sitio web, ya que los motores de búsqueda dan más peso a los encabezados apropiados que al texto normal de los párrafos.

Cómo agregar un encabezado en el editor de bloques predeterminado de WordPress

Primero, necesitas abrir una nueva publicación o página en el editor de bloques de WordPress.

Una vez que estés allí, haz clic en el botón 'Agregar bloque' (+) en la esquina superior izquierda de la pantalla para abrir el menú de bloques.

Desde aquí, debes encontrar y agregar el bloque de Encabezado a la página/publicación.

Por defecto, el bloque se establecerá como Encabezado 2.

Si estás agregando un subencabezado, entonces tiene sentido mantener la opción 'Encabezado 2'.

Sin embargo, si deseas cambiar esto, puedes simplemente hacer clic en el menú desplegable 'H2' para seleccionar un tamaño diferente.

Alternativamente, también puedes cambiar el tamaño del encabezado usando la configuración del bloque en la barra de herramientas derecha de la pantalla.

Incluso puedes personalizar el color, la apariencia, el uso de mayúsculas y minúsculas del encabezado, y más.

Una vez que hayas terminado, no olvides hacer clic en el botón ‘Actualizar’ o ‘Publicar’ para guardar tu configuración.

Cómo agregar un encabezado en el editor clásico antiguo

Si todavía estás usando el editor clásico antiguo en WordPress, entonces puedes agregar encabezados usando el menú desplegable de Párrafo.

Primero, selecciona el texto que deseas convertir en encabezado usando el mouse.

A continuación, haz clic en el menú desplegable 'Párrafo' en la esquina superior izquierda y selecciona el tamaño de tu encabezado. Ahora has cambiado exitosamente el tamaño de fuente a un encabezado.

Sin embargo, ten en cuenta que el editor clásico no te permite cambiar los tamaños y colores de fuente de los diferentes estilos de Encabezado.

Si deseas hacer eso, entonces necesitarás hacer cambios en la hoja de estilo de tu tema (style.css).

Finalmente, simplemente haz clic en el botón 'Actualizar' o 'Publicar' para guardar tus cambios.

Método 2: Cambiar el tamaño de fuente del texto en el editor de bloques

Si deseas cambiar el tamaño de fuente predeterminado del texto en tu bloque de Párrafo, entonces este método es para ti.

Primero, necesitas abrir una página/publicación existente en el editor de Gutenberg.

Una vez que estés allí, haz clic en cualquier bloque de Párrafo y luego cambia a la pestaña 'Estilos' desde el panel de bloques en el lado derecho de la pantalla.

Desde aquí, debes elegir un tamaño de fuente en la sección 'Tipografía'.

Puedes seleccionar la opción Pequeño, Mediano, Grande o Extra Grande según tus necesidades.

Si deseas cambiar tu texto de vuelta al tamaño original, también puedes hacerlo haciendo clic en el menú de tres puntos junto a la configuración de Tipografía.

Esto abrirá un nuevo menú desplegable donde tienes que hacer clic en la opción 'Restablecer'.

Aparte de eso, también puedes agregar letras capitales, usar mayúsculas y minúsculas, espaciado, apariencia y más usando el mismo menú desplegable.

Después de eso, simplemente haz clic en el botón ‘Actualizar’ o ‘Publicar’ para guardar tus cambios.

Ten en cuenta que estas opciones no están disponibles en el editor clásico anterior de WordPress. Si deseas usarlas, considera hacer el cambio.

Método 3: Cambiar el tamaño de fuente usando un plugin

Si deseas cambiar el tamaño de fuente usando un plugin, entonces puedes usar este método.

Primero, necesitas instalar y activar el plugin Advanced Editor Tools. Para instrucciones detalladas, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Tras la activación, el plugin te da más control sobre los tamaños de fuente y el formato del texto, así como una variedad de otras funciones. Añade un nuevo bloque ‘Párrafo Clásico’ que tiene todas las funciones de formato de tu elección.

Tras la activación, dirígete a la página Ajustes » Advanced Editor Tools desde la barra lateral de administración de WordPress.

Una vez allí, puedes arrastrar y soltar fácilmente las funciones de formato de la sección ‘Botones no utilizados’ al bloque ‘Párrafo Clásico’.

Estas funciones incluyen tamaño de fuente, familia de fuente, copiar, subíndice, emoticonos, código fuente y más.

Una vez que hayas hecho eso, desplázate hacia abajo hasta la sección ‘Opciones’ y marca la opción ‘Tamaños de fuente’ para acceder a un mayor número de tamaños de fuente.

Después de eso, simplemente haz clic en el botón ‘Guardar Cambios’ para guardar tu configuración.

Si estás usando el plugin con el editor Clásico, entonces tendrás que cambiar a la pestaña ‘Editor Clásico’ desde la parte superior de la página.

Una vez que estés allí, necesitas realizar las mismas acciones que en el editor de bloques.

Asegúrate de hacer clic en el botón ‘Guardar Cambios’ después de realizar tus modificaciones.

Ahora, para ver el plugin en acción, debes abrir una página/publicación nueva o existente desde el panel de WordPress.

Una vez que estés allí, haz clic en el botón 'Agregar bloque' (+) en la esquina superior izquierda de la pantalla para abrir el menú de bloques.

Desde aquí, busca y agrega el bloque Párrafo clásico a la página.

Ahora puedes usar el menú desplegable ‘Tamaños de fuente’ para cambiar el tamaño del texto en el bloque ‘Párrafo clásico’.

Finalmente, haz clic en ‘Actualizar’ o ‘Publicar’ para guardar la configuración de tu publicación o página.

Método 4: Cambiar el tamaño de fuente de todo el sitio usando el editor de sitio completo

Si estás utilizando un tema de bloques, entonces este método es para ti. La mayoría de los temas de bloques vienen con una función de estilos globales incorporada, que te permite controlar los tamaños de tipografía en todo tu sitio web sin necesidad de codificación.

Para ello, visita la página Apariencia » Editor desde el panel de WordPress y haz clic en el icono ‘Estilos’ en la esquina superior derecha. Esto abrirá un nuevo panel, donde deberás seleccionar la opción ‘Tipografía’.

Una vez que aparezcan algunas nuevas configuraciones en la barra lateral, puedes cambiar fácilmente el tipo de fuente para todo tu sitio desde la sección ‘Fuente’.

Después de eso, desplázate hacia abajo hasta la sección ‘Elementos’ y elige la pestaña ‘Texto’.

Ahora puedes cambiar el tamaño, tipo y espaciado de la fuente para todo el texto de tu sitio web completo.

Una vez que hayas terminado, puedes volver a la sección ‘Elementos’ para cambiar el tamaño de fuente de todos los encabezados, enlaces, subtítulos y botones.

Si aún no estás satisfecho, puedes cambiar completamente los ajustes preestablecidos de tamaño de fuente para tu sitio.

Estos ajustes preestablecidos definen tamaños estándar para diferentes opciones de texto, como pequeño, mediano y grande. Por ejemplo, cuando eliges ‘pequeño’ como tamaño de fuente en cualquier lugar de tu sitio web, podría configurarse automáticamente a 0.9 rem.

Sin embargo, puedes personalizar el ajuste preestablecido para que ‘pequeño’ signifique 1 rem en su lugar. Esto te da la flexibilidad de ajustar los tamaños de fuente según tus preferencias.

Para ello, simplemente haz clic en la opción ‘Ajustes preestablecidos de tamaño de fuente’ en la parte inferior.

Una vez que se abra la nueva pantalla, puedes editar fácilmente los ajustes preestablecidos para los tamaños de fuente en todo el sitio.

Finalmente, haz clic en el botón ‘Guardar’ para almacenar tu configuración. Ahora has cambiado con éxito el tamaño de fuente en todo el sitio usando el editor completo del sitio.

Método 5: Cambiar el tamaño de fuente de todo el sitio usando WPCode

Este método es para ti si quieres cambiar el tamaño de fuente en todo tu sitio web pero no estás usando un tema de bloques.

Puedes agregar fácilmente esta funcionalidad insertando código CSS en tu sitio web usando WPCode.

Es el mejor plugin de fragmentos de código de WordPress del mercado que hace que sea muy fácil y seguro agregar código a tu sitio web.

Primero, necesitas instalar y activar el plugin WPCode. Para obtener instrucciones detalladas, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Nota: WPCode tiene un plan gratuito que puedes usar para el tutorial. Sin embargo, actualizar a la versión pro te dará acceso a más funciones, como lógica condicional, una biblioteca en la nube de fragmentos de código y más.

Tras la activación, dirígete a la página Fragmentos de código » + Añadir fragmento desde la barra lateral de administración de WordPress.

Una vez allí, haz clic en el botón ‘+ Agregar fragmento personalizado’ debajo de la opción ‘Agregar tu código personalizado (Nuevo fragmento)’.

A continuación, necesitas seleccionar ‘Fragmento CSS’ como el tipo de código de la lista de opciones que aparecen en la pantalla.

Esto te llevará a la página ‘Crear fragmento personalizado’, donde puedes comenzar dando un título a tu fragmento de código.

Por ejemplo, usamos el título ‘Cambiar tamaño de fuente en todo el sitio.’

A continuación, copia y pega el siguiente código CSS personalizado en el cuadro ‘Vista previa del código’:

p {
font-size:16px;
}

Una vez que hayas hecho eso, simplemente agrega el tamaño de texto deseado junto a la línea ‘font-size’ en el código CSS.

Debería verse así.

Después de eso, desplázate hacia abajo hasta la sección ‘Inserción’ y elige el modo ‘Inserción automática’.

Tu código se ejecutará automáticamente en tu sitio al activarlo.

Finalmente, desplázate hacia arriba en la página y cambia el interruptor ‘Inactivo’ a ‘Activo’.

Después de eso, haz clic en el botón ‘Guardar fragmento’ para ejecutar tu código.

Ahora has cambiado exitosamente el tamaño de fuente en tu sitio de WordPress.

Extra: Cambiar el color del texto en WordPress

Además del tamaño, también querrás cambiar el color del texto en tu sitio web para que tu contenido sea más legible y visualmente atractivo. También puede mejorar tu marca y ayudar a resaltar información importante.

Para cambiar el color del texto, debes abrir una publicación de blog en el editor de bloques y elegir un bloque de Párrafo. Una vez que lo hagas, cambia a la pestaña 'Estilos' del panel de bloques y haz clic en la opción 'Texto'.

Esto abrirá la herramienta de selección de color, donde puedes elegir el color de texto de tu preferencia para el contenido.

Si deseas cambiar los colores del texto en todo el sitio web, puedes usar WPCode, que es el mejor plugin de fragmentos de código de WordPress del mercado.

Una vez activado, simplemente visita la página Fragmentos de código » + Agregar fragmento desde la barra lateral de administración de WordPress y haz clic en 'Usar fragmento' en la opción 'Agregar tu código personalizado'.

Esto te llevará a la página 'Crear fragmento personalizado', donde debes seleccionar 'Fragmento de CSS' como tipo de código y luego copiar y pegar el siguiente código en el cuadro 'Vista previa del código':

p { color:#990000; }

Si deseas usar un color diferente para los encabezados de tu sitio, necesitarás usar los selectores h1, h2, h3 o similares.

Finalmente, haz clic en el botón 'Guardar fragmento' y cambia el interruptor de 'Inactivo' a 'Activo'.

Ahora has cambiado exitosamente el color del texto en todo tu sitio web. Para obtener instrucciones detalladas, consulta nuestro tutorial sobre cómo cambiar el color del texto en WordPress.

Tutorial en video

Si no te gustan las instrucciones escritas, puedes ver nuestro video en su lugar:

Esperamos que este artículo te haya ayudado a aprender cómo cambiar fácilmente el tamaño de fuente en WordPress. También te puede interesar nuestra guía sobre cómo usar fuentes personalizadas en WordPress o nuestro tutorial sobre cómo deshabilitar fuentes de Google en tu sitio web de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.