Change font size in WordPress

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

¿Quieres cambiar el tamaño de fuente en tus publicaciones o páginas de WordPress? A veces, es posible que desee agrandar una línea o un párrafo, o aumentar el tamaño de fuente para todo el contenido de su página. En este artículo, le mostraremos cómo cambiar fácilmente el tamaño de fuente en WordPress. No solo aprenderá cómo cambiar el tamaño de fuente en sus publicaciones de WordPress, sino también cómo hacerlo en su sitio web.

Cambiar el tamaño de fuente en WordPress

Video tutorial

Contents

Suscríbase a MundoCMS Si prefiere instrucciones escritas, siga leyendo.

Método 1: usar encabezados de párrafo

Los visitantes solo tardan unos segundos en decidir si quieren quedarse o abandonar su sitio web. Esto le deja muy poco tiempo para convencerlos de que permanezcan en su sitio web. El uso de titulares en su contenido es una excelente manera de captar la atención de los usuarios. Le permiten dividir sus artículos y páginas en secciones utilizando diferentes títulos (a menudo llamados «subtítulos»). Los encabezados también son excelentes para SEO. Los motores de búsqueda dan más peso a los títulos apropiados que al texto de párrafo normal.
Cómo agregar un título en el editor de bloques predeterminado de WordPress
Puede agregar un título a sus publicaciones o páginas simplemente agregando el bloque «Título». Puede buscarlo o encontrarlo en la sección « Bloques comunes » del Editor de bloques de WordPress.
Agregar un bloque de título en Gutenberg
El bloque estará predeterminado en el Título 2. Normalmente, tiene sentido seguir con el Título 2 para los subtítulos. Si desea cambiar esto, puede simplemente hacer clic en el menú desplegable «H2» para seleccionar un tamaño diferente.
Seleccionar el tamaño de su título en el editor de bloques
También puede cambiar esto en la configuración del bloque en el lado derecho de la pantalla. También puede cambiar el color del título aquí.
Cómo agregar un título en el antiguo editor clásico
Si todavía está usando el antiguo editor clásico de WordPress, puede agregar encabezados usando el menú desplegable « Párrafo ». Simplemente resalte el texto que desea convertir en un título, haga clic en el menú desplegable «Párrafo» y seleccione el tamaño de su título.
Cree un título haciendo clic en la lista desplegable Párrafo en el editor clásico
Los tamaños y colores de los diferentes estilos de título están controlados por la hoja de estilo de su tema (style.css). Si está utilizando un tema premium de WordPress, puede tener la opción de cambiar estas configuraciones en Apariencia »Personalizar. El uso de subtítulos en sus artículos facilita que los lectores sigan lo que les está diciendo. Al mismo tiempo, también hace que sus publicaciones de WordPress sean amigables con el SEO.

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

¿Qué sucede si desea tener un párrafo o incluso toda la publicación en una fuente más grande? Puede hacer esto muy fácilmente usando el editor de bloques de WordPress predeterminado. Simplemente haga clic en cualquier bloque de párrafo y luego seleccione el tamaño de fuente en «Configuración de texto» en el lado derecho.
Cambiar el tamaño del texto de un bloque de párrafo
Puede seleccionar de la lista desplegable, que cubre Pequeño, Normal, Mediano, Grande y Enorme. Si cambia de opinión, simplemente haga clic en el botón «Restablecer» para restaurar el texto predeterminado de su párrafo. También hay una opción «Personalizada» en la que puede escribir el tamaño de píxel que desee. Si lo desea, también puede configurar una letra mayúscula grande para que aparezca al principio de su párrafo. Estas opciones no están disponibles en el antiguo editor clásico de WordPress. Si desea utilizarlos, considere hacer el cambio. Nuestro tutorial sobre el uso del nuevo editor de bloques de WordPress lo ayudará. Si está decidido a seguir con el editor clásico, esta siguiente opción es para usted.

Método 3: cambie el tamaño de fuente con el complemento avanzado TinyMCE

TinyMCE Advanced es un complemento de WordPress que le brinda más control sobre el tamaño de fuente y el formato de texto, así como una variedad de otras características. Esto es especialmente útil con el antiguo editor clásico, pero también funciona con el editor de bloques. Agrega un nuevo bloque llamado «Párrafo clásico» que contiene todos los controles de TinyMCE. Para usarlo, primero debe instalar y activar el complemento TinyMCE Advanced. Si no sabe cómo hacer esto, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Luego ve a Configuración »TinyMCE Advanced para configurar los ajustes del editor. Aquí es donde puede configurar los botones que desea usar en la barra de herramientas avanzada de TinyMCE. Si lo usa con el editor clásico, debería ver que TinyMCE tiene la lista desplegable ‘Tamaño de fuente’ habilitada por defecto en la segunda fila de íconos. Puede moverlo a la primera fila arrastrándolo hacia arriba si lo desea.
El botón desplegable para tamaños de fuente en el menú avanzado de TinyMCE del editor clásico
Si está utilizando el Editor de bloques, deberá desplazarse hacia abajo y agregar la lista desplegable Tamaños de fuente a la barra de herramientas arrastrándola y soltándola:
Se agregó el botón de tamaños de fuente a la barra de herramientas de bloques avanzados de TinyMCE
Asegúrese de hacer clic en «Guardar cambios» en la parte inferior de la pantalla. Para ver el botón en acción, cree una nueva publicación o edite una existente. En el editor de bloques, ahora tendrá la posibilidad de agregar un bloque «Párrafo clásico». Tendrá los controles avanzados de TinyMCE, así:
El bloque de párrafo clásico en el editor de bloques, agregado por el complemento TinyMCE Advanced
En el editor clásico, verá las barras de herramientas avanzadas de TinyMCE con una lista desplegable de tamaño de fuente:
Cambiar el tamaño de fuente con el editor avanzado de TinyMCE
Puede seleccionar cualquier tamaño de fuente de la lista desplegable. Nota: esto no le brinda tantas opciones como el editor de bloques de WordPress y no puede ingresar su propio tamaño de fuente.

Método 4: cambiar el tamaño de fuente de todo el sitio usando CSS

Si cambia el tamaño de fuente cada vez que edita un artículo, es posible que desee hacerlo más fácil cambiándolo permanentemente en su tema. La buena noticia es que puede cambiar el tamaño de párrafo predeterminado en todo su sitio. La mejor manera de hacer esto es usar el personalizador de temas en Apariencia »Personalizar. Algunos temas de WordPress pueden venir con una opción que le permite cambiar el tamaño de fuente. Si puede encontrar esta opción, puede usarla sin escribir ningún código CSS. Sin embargo, si su tema no tiene esta función, puede agregar CSS personalizado para agregar sus propias reglas de tamaño de fuente. Simplemente haga clic en la opción ‘CSS adicional’ en el personalizador de temas. Aquí es donde puede almacenar todo su código CSS personalizado.
Uso del personalizador para agregar código CSS a su sitio
Ahora, debajo del cuadro de texto CSS adicional, simplemente agregue su código CSS. En este ejemplo, cambiamos el tamaño de fuente a ’16px’, puede elegir un tamaño de fuente diferente. p {tamaño de fuente: 16px; } Verá inmediatamente los cambios en la vista previa en el lado derecho de la pantalla. Si está satisfecho con el tamaño de fuente, haga clic en el botón «Publicar» en la parte superior de la pantalla para cargarlo.
Notar: Su CSS personalizado solo se aplicará al tema que esté utilizando. Si luego elige cambiar a otro tema de WordPress, deberá copiarlo y pegarlo nuevamente en el Personalizador. El código anterior solo se aplica al texto de párrafo. ¿Y si quisiera cambiar el tamaño de fuente de todos los subtítulos h2? Simplemente modifique el código anterior para apuntar al elemento h2 en su tema de esta manera: h2 {font-size: 32px; } Puede hacer lo mismo con otros encabezados simplemente cambiando h2 a h3, h4 o h5. Esperamos que este artículo le haya ayudado a aprender a cambiar fácilmente el tamaño de fuente en WordPress. También puede consultar nuestra guía sobre el uso de fuentes personalizadas en WordPress o nuestra lista de los mejores complementos de creación de páginas de WordPress para arrastrar y soltar. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply