Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

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.

Cómo cambiar el tamaño de la fuente en 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

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.

Agregar el bloque de encabezado

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.

Cambiar encabezado de h2

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.

Configuración de encabezado

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.

Elegir encabezado en el editor clásico

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'.

Cambiar el tamaño de fuente

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'.

Restablecer tamaño de fuente

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.

Agregar el campo de tamaño de fuente

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.

Agregar más tamaños de fuente

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.

Herramientas avanzadas del editor, tamaño de fuente del editor clásico

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.

Agregar el bloque de 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.

Campo de tamaño de fuente

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’.

Elegir la opción de 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’.

Elegir la opción de 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.

Cambiar el tamaño del texto en todo el sitio

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.

Elegir la opción de preajustes de tamaño de fuente

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.

Cambiar preajustes de tamaño de fuente

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ñadir fragmento nuevo

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

Seleccionar Fragmento de CSS como tipo de código

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.’

Ingresar un título para el código de tamaño de fuente

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í.

Pegar código de tamaño de fuente

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.

Elegir un método de inserción

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.

Guardar código de tamaño de fuente

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.

Cambiar colores de texto

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.

Cambiar el color del texto usando código personalizado

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:

Suscríbete a WPBeginner

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.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

180 CommentsLeave a Reply

  1. Desafortunadamente, esto solo está disponible para cuentas de pago. Si estás usando WordPress.com, no hay una pestaña de Plugins ubicada en el Panel de control.
    “En WordPress.com, incluimos la funcionalidad de los plugins más populares dentro de nuestros sitios automáticamente. Como resultado, los usuarios de WordPress.com no encontrarán una pestaña de Plugins en el Panel de control.”

    • En realidad, solo está disponible para cuentas de WordPress.org, que no es lo mismo que una cuenta de pago de WordPress.com. Cada vez que veas "WordPress" sin un .com al final, puedes asumir que se refiere a la versión autoalojada .org, a la que se dirigen los consejos y tutoriales de WPBeginner. Sé que puede ser confuso para las personas que usan .com, pero las dos son realmente animales muy diferentes. Cuando busques ayuda, obtendrás mejores resultados si te aseguras de incluir "wordpress.com" en tus términos de búsqueda.

  2. He intentado descargar TinyMCE varias veces sin éxito. Cuando intento abrir los archivos, todo parece estar escrito en árabe (¡los caracteres se ven así!) ¿Alguna otra sugerencia, ya que soy nueva en Wordpress y me encantaría poner mi sitio web en funcionamiento? ¡Gracias!

  3. NO Gracias por NO publicar mi comentario. Vi en otro comentario que no puedo usar TinyMCE ni plugins en Wordpress.org.

    Sin embargo, todavía no estoy segura sobre los encabezados de párrafo. Tengo ese botón, pero no pareció que pudiera hacer que apareciera un menú desplegable ni nada.

    Una de las principales razones por las que me frustré con WP fue que no parecía poder cambiar el tamaño de la fuente y el texto de mi blog siempre parecía demasiado pequeño.

  4. ¡Muchas gracias por el tutorial! Pude cambiar el tamaño de la fuente en mis publicaciones... pero no puedo averiguar cómo cambiar la fuente de los widgets en mi barra lateral... ¿alguna sugerencia?

  5. Desearía que alguien pudiera explicar cómo podemos cambiar el tamaño de la fuente del título de la publicación sin que el cambio afecte al widget de Publicaciones Recientes. Estoy usando el básico Twelve Thirteen. Ofrece cambios avanzados en la fuente del título de la publicación con un enlace que se encuentra directamente debajo del título. ¡Pero es totalmente inútil, ya que cualquier cambio afecta por igual a la caja de Publicaciones Recientes!

  6. ¿Qué hay de cambiar el tamaño de la fuente del Título... cuando intento hacer esto, las Publicaciones Recientes en la barra lateral aumentan de tamaño y se ven terribles. No hay forma de resolver esto en ningún lugar que pueda encontrar... y he estado buscando durante horas. Pero a menos que reduzca el tamaño del título, el tamaño predeterminado es tan grande que ocupa la mitad de la página de apertura.

  7. ¿Estas opciones, incluidas las opciones de tamaño de fuente del plugin, no están disponibles si alojas tu propio sitio o algo así? Hice todo lo que todos dicen que haga, arrastrando el botón de tamaño de fuente a la barra, etc., y no obtengo ninguna opción para cambiar el tamaño de las fuentes sin importar qué.

    Tampoco tengo menú de "párrafo".
    Gracias.

  8. En el método 2 descrito en este artículo, la opción de tamaño de fuente no existe cuando lo instalas. Sí agrega opciones (la mayoría de las cuales ya existen), pero la que casi todo el mundo quiere lamentablemente está ausente. Supongo que se usó Photoshop para la ilustración anterior.

  9. Instalé el complemento desde el enlace en esta página y lo instalé y activé. Abrí el segundo menú con el último botón de la primera fila, pero se ve igual que antes de instalarlo. Intenté desactivarlo y reactivarlo varias veces, pero la opción para cambiar la fuente todavía no está allí. Apareció una nueva fila en la parte superior (creo que es nueva, de todos modos) con "archivo", "editar", "insertar", etc. justo encima de lo que solía ser la primera fila.

    • ¡Richard! Me acabas de salvar de arrancarme los pelos. He estado tratando de averiguar cómo ver el menú extendido y no tenía idea de que tenía que hacer clic en el botón "Alternar Barra de Herramientas". Gracias por tu comentario.

  10. Tu video fue muy útil. Ya encontré y cambié el tamaño de la única fuente que me da mi tema de Wordpress, pero es un comienzo. Descargaré tu plugin sugerido.

  11. ¡Gran video corto! Esto ayudó mucho... ¡¡¡Gracias!!!... Consejo para otros... Por favor, asegúrate de que cuando vayas a "Ir a Configuración" y veas el texto "TinyMCE Advanced" en el menú desplegable... Recuerda configurar tu barra de herramientas con el tamaño de fuente, etc., de lo contrario, no lo tendrás en tu barra de herramientas, ya que la barra de herramientas tiene muchas más opciones y el tamaño de fuente no es una parte automática de tu nueva barra de herramientas... Tan simple con arrastrar y soltar para configurar... ¡¡¡Gracias de nuevo por compartirlo y por tomarte el tiempo de ayudar a otras personas!!!

      • Hola mod, actualiza tu publicación y agrega una línea extra sobre la solución a este problema. La respondí en el comentario de Juna ID. Estaré encantado si lo haces. ¡Gracias por cierto!

    • hii juna id ‘ dont worry i was dealing with the same problem but then after i figured out that ‘ you have to go to TinyMce Advanced plugin which is located in the Setting ‘ after activated and then drag the font size option from unsed options and drop it right in used option’ and save it ‘ that’s it :)

  12. I have not ever seen those toolbars. I wonder if ANYONE would actually ask this question if they’d have those menus right under their noses!

    Just found out that toolbar must be _extended_ to see those MOST usable buttons… :D

  13. Hola
    Encontré tu video muy útil. ¿Puedes insertar plugins para cambiar el tamaño de fuente en wordpress.com o solo en wordpress.org? Necesito cambiar el tamaño de fuente debajo de las fotos en wordpress.com.
    Saludos

  14. Hola,
    Quiero cambiar la fuente de mis encabezados y otros elementos aparte de las publicaciones.
    Intenté modificar la hoja de estilo CSS pero estoy perdido porque no pasa nada y tampoco la he usado antes.
    ¡Por favor, ayuda!
    Tine MCE solo ayuda con los tamaños de publicación, pero ¿qué pasa con otras cosas en el sitio web?

    ¡Gracias!

  15. Descargué y activé este complemento, pero como mencionaron un par de usuarios anteriormente, no incluye la opción para cambiar el tamaño de fuente. Todas mis opciones son las mismas que en la imagen que proporcionaste, con la excepción del tamaño de fuente. En su lugar, tengo Estilos. Tu imagen es muy engañosa.

    • ¿Cómo te va eso de 'sacar conclusiones sin explorar un complemento'? Por favor, no seas imbécil cuando alguien se toma la molestia de crear un artículo completo explicando cosas. Publicaste esto hace 3 meses y tu pregunta fue respondida por el administrador debajo de un comentario publicado 1 mes antes de eso.

  16. Mi ventana de agregar/editar publicación no tiene la segunda línea completa de opciones que usted muestra en este tutorial. Esto significa que no tengo la pestaña de párrafo para cambiar el tamaño de la fuente. ¿Algún consejo?

  17. Mi ventana de agregar/editar publicación no tiene la segunda línea completa de opciones que usted muestra en este tutorial. Esto significa que no tengo la pestaña de párrafo para cambiar el tamaño de la fuente. ¿Algún consejo?

  18. No olvides hacer clic en el botón "Mostrar/Ocultar el fregadero de la cocina" en el editor visual para mostrar la configuración de párrafo. Está oculto por defecto.

  19. Otra forma es usar un framework de temas como Thesis, y supongo que Genesis o Headway y similares (uso Thesis, así que es con lo que estoy familiarizado). Tienes un panel para cambiar fácilmente cualquier cosa que desees en cualquier lugar, como el tamaño de fuente en ubicaciones específicas.

  20. ¿Cómo le das al usuario la opción de cambiar el tamaño de fuente y los elementos (si tienen mala vista, etc.)? Aquí hay un ejemplo: drwalisever. com. En la esquina superior derecha hay 2 botones. Utiliza el tema Fusion, que ya no se desarrolla. Un tutorial sería genial, ¡gracias!

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.