Cómo cambiar el tamaño de fuente de WordPress

El tamaño de su fuente puede influir en cómo las personas ven su sitio web. Después de todo, no querrías algo que fuera demasiado pequeño para leer en varios dispositivos. Podría hacer que las personas dejen de intentar leer el texto y abandonen su sitio. Cambiar el tamaño de fuente de WordPress puede contribuir a que esos visitantes pasen más tiempo leyendo su contenido.

En este tutorial, le mostraremos algunas formas en las que puede cambiar el tamaño de su fuente. Este es un proceso relativamente fácil, pero le mostraremos algunos métodos y algunas herramientas excelentes para darle a su contenido más poder detrás de su significado.

Por qué deberías cambiar tu fuente

La tipografía puede agregar una apariencia completamente diferente a prácticamente cualquier sitio web. Esto podría ser todo, desde el tamaño hasta el color de las palabras que usa. Es una forma de denotar un nivel de profesionalismo y, a menudo, es parte de atraer a un tipo específico de audiencia.

Algunos diseños de WordPress pueden verse hermosos en la computadora de escritorio. Sin embargo, podrían tener una apariencia completamente diferente cuando se ven en un dispositivo móvil, como un teléfono inteligente o una tableta.

Es por eso que siempre debe probar sus sitios web en esos dispositivos. Puede encontrar que la fuente es simplemente demasiado pequeña o que se ve terrible en la tecnología móvil.

Otros cambios tipográficos pueden infundir una idea de lo que es la empresa y el tono general del contenido. Por ejemplo, un tamaño de fuente más grande al usar Comic Sans puede brindar una atmósfera más divertida y jovial en lugar de algo como un Times New Roman más pequeño.

Algunas de estas atracciones se pueden desarrollar utilizando fuentes gratuitas en su sitio web o encontrando la tipografía perfecta que se adapte a su nicho.

Hay algunas formas diferentes de cambiar el tamaño de fuente en WordPress. Repasémoslos juntos.

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

Método 1: usar el editor Gutenberg de WordPress para el tamaño de fuente

El editor de bloques de Gutenberg tiene algunas funciones de tamaño de fuente incorporadas. Todo lo que tienes que hacer es acceder a un par de bloques correctos. Hagamos juntos un resumen rápido de la situación.

Paso 1: abre una nueva publicación o página

Continúe y abra una nueva publicación o página para acceder al editor. Para esta demostración, abriremos una nueva página. Simplemente haga clic en Páginas y Agregar nuevo.

Paso 2: seleccione el bloque que desea

Ahora que está en una página nueva, continúe y seleccione el bloque que desea usar y luego cambie el tamaño de fuente en WordPress. Aquí hay dos básicos para usar, el bloque "Título" o el bloque "HTML personalizado".

Haga clic en el símbolo + para agregar un nuevo bloque. Busque el bloque "Título".

Paso 3: cambie los tamaños de fuente usando el encabezado o el bloque HTML personalizado

Continúe y haga clic en ese bloque y agréguelo a su página. Cuando lo haga, puede hacer clic en el estilo "Título" y seleccionar el nivel de título de fuente que desee.

Usar encabezados para cambiar el tamaño y agregar SEO

En algunos casos, es posible que desee que sus palabras aparezcan más grandes para crear un encabezado. En este caso, es posible que desee cambiar el texto a un encabezado real. No solo le da al texto una apariencia más clara, sino que también contribuirá a parte de tus prácticas de SEO .

Puede hacer lo mismo para el bloque "HTML personalizado". Continúe, busque eso y agréguelo a la página usando el mismo método anterior.

Desde aquí, puede comenzar a escribir el código HTML que desee y usar este bloque para agregar cualquier tipo de tamaño de fuente que desee. Un buen ejemplo de esto es algo como:

Simplemente cambie el número de tamaño de fuente a lo que desee y compruébelo.

Método 2: usar el complemento de herramientas del editor avanzado

El complemento Advanced Editor Tools proporciona otra manera muy fácil de cambiar el tamaño de fuente en WordPress. Muchos de ustedes recordarán este complemento cuando se llamaba TinyMCE Advanced. Una vez instalado, el complemento proporciona un bloque de "Párrafo clásico" para el editor de Gutenberg.

Paso 1: Instalar y activar el complemento

Para usar este complemento para cambiar el tamaño de fuente en WordPress, primero debe instalarlo y activarlo . Puede hacerlo saltando a la página Complementos del panel de administración de WordPress.

Simplemente use el campo de búsqueda disponible y busque el complemento por nombre. Cuando lo vea aparecer, instálelo y actívelo desde allí.

Paso 2: abre una página nueva

Ahora que el complemento está instalado y activado, es hora de abrir una nueva página para que pueda usarlo. Haga clic en Páginas > Agregar nuevo, ubicado en el área del menú del lado izquierdo del panel de administración.

Paso 3: encuentra el bloque de párrafo clásico

Ahora que tiene una nueva página abierta, desea buscar en los bloques el bloque "Párrafo clásico". Se ha agregado automáticamente desde que activó el complemento.

Cuando lo encuentre, agréguelo a su página.

Desde aquí puede usar el editor como lo haría en el estilo del Editor clásico y cambiar la fuente en WordPress usando las herramientas proporcionadas.

Método 3: agregar CSS personalizado a un tema

Nuestro último método para cambiar el tamaño de fuente en WordPress no es difícil, pero necesita saber cómo agregar CSS personalizado a su tema.

Nota: la mayoría de los nuevos temas de WordPress tienen esto en el personalizador. Sin embargo, si está ejecutando un tema anterior, es posible que este método no esté disponible en la forma en que está diseñado.

Paso 1: abre el personalizador de temas

Para agregar CSS personalizado, primero debe abrir el personalizador de temas. Puede hacerlo haciendo clic en Apariencia > Personalizar, ubicado en el área del menú del lado izquierdo del tablero.

Paso 2: abre la pestaña CSS adicional

Ahora que el personalizador de temas está abierto, debe desplazarse hacia abajo hasta encontrar la pestaña "CSS adicional".

Paso 3: Agregar código CSS

Nuevamente, deberá saber cómo agregar un código CSS personalizado. Sin embargo, si lo hace, puede agregar eso aquí y cambiar no solo el tamaño de fuente en WordPress, sino también cambiar los colores de fuente y el encabezado y cualquier otra cosa que desee.

El código CSS que ingrese generalmente estará determinado por los elementos de su tema. No todos usan los mismos entornos de codificación CSS. Sin embargo, algo como lo siguiente debería funcionar en casi cualquier tema:

En este ejemplo, cambiaría el tamaño de fuente de todo lo que hay en el sitio web dentro de un párrafo, " p ", a 14 píxeles. Simplemente cambie el "14" a cualquier número que necesite para su sitio web.

Puedes hacer lo mismo con los encabezados usando h1, h2, h3 y otros elementos usados ​​en tu sitio.

Si desea cambiar el tamaño de fuente de elementos más específicos, deberá reemplazar la "p" en la codificación anterior con la propiedad CSS. Y eso probablemente dependerá del tema.

Sin embargo, el uso de Dev Tools en Google Chrome puede ayudarlo a encontrar los elementos específicos que desea cambiar.

Otros complementos para cambiar el tamaño de fuente de WordPress

Una de las cosas hermosas de WordPress es la cantidad de desarrolladores que resuelven un problema a su manera mediante el uso de complementos. Aquí hay algunos que pueden interesarle cuando se trata de modificar el tamaño de fuente de sus publicaciones o páginas.

Cambio de tamaño de fuente Zeno

Algunos desarrolladores creen que dar a los visitantes el control del proceso de cambio de tamaño es más conveniente. Zeno Font Resizer es uno de esos complementos que brinda esa capacidad. Al usar un widget de barra lateral, aquellos que visitan su sitio web pueden seleccionar una fuente más pequeña o más grande según sus preferencias personales.

Redimensionador de fuentes de accesibilidad

No todos los visitantes de su sitio web lo ven de la misma manera que usted. Aquí es donde entra en juego Accessibility Font Resizer. El complemento le permite hacer que su sitio web sea más fácil de leer y les da a los visitantes de su sitio la opción de cambiar el tamaño de fuente de su texto. Es simple, directo, fácil de usar, flexible y no ralentizará su sitio web.

Conclusión

Si bien algunos temas ofrecen una apariencia increíble, no hay nada de malo en personalizar el tamaño de fuente de WordPress. Ya sea que desee que sus publicaciones y páginas se vean bien en dispositivos móviles o quiera asegurarse de que sus invitados puedan leer el texto, todo es cuestión de preferencia de diseño personal.

Lleve su contenido más allá explorando lo que puede hacer con las palabras que escribe.

¿Qué tipo de adiciones tiene para acentuar su contenido? ¿Qué tamaño predeterminado de fuente es perfecto para su sitio web?