¿Cómo cambiar el tamaño del texto en WordPress?

Tamaño letra wordpress

Este fin de semana he querido aprovechar para hacer algo que tenía pendiente desde hace tiempo: cambiar el tamaño del texto en el blog. Quería que la letra fuera más grande, ya que la que viene por defecto en la plantilla de WordPress es muy pequeña y no se lee bien.

Por si a alguno le pasa lo mismo, os dejo aquí cómo lo he hecho, ya que es algo muy sencillo y no se requieren conocimientos técnicos.

Ampliar el tamaño del texto en WordPress

Vamos a añadir el tamaño del texto a través de CSS adicional, en el apartado de personalizar del blog. Para ello, vamos a Apariencia -> Personalizar y buscamos la opción CSS Adicional.

Verás que es sencillo, solo le tienes que indicar qué es lo que quieres cambiar en el CSS y cuál es el atributo que le quieres asignar.

Cambiar el tamaño de los párrafos

Los párrafos en un artículo se indican con <p>, por eso lo primero que indicaremos es que queremos cambiar todo lo que contenta esta etiqueta. En mi caso he elegido un tamaño de fuente de 16, pero podéis ir probando hasta encontrar el que más os guste. Con letra 16, el código para actualizar los párrafos sería el siguiente:

p {font-size: 16px;}

Cambiar el tamaño de los h2 y h3

Si lo que quieres es cambiar el tamaño de los encabezados del blog, lo que tendrás que hacer es añadir en el CSS adicional la etiqueta que quieres cambiar y darle el nuevo tamaño. Por ejemplo:

h2 {font-size: 24px;}

h3 {font-size: 20px;}

Cambiar el tamaño de las listas

Cuidado con esto, al igual que cambiamos el tamaño de los párrafos, tenemos que cambiar también el de todos los elementos que solemos utilizar. Entre los más comunes están las listas. Mi recomendación es utilizar el mismo tamaño que el de los párrafos, ya que suele quedar muy raro cuando en un artículo ves el contenido con distintos tamaños de letra.

Lista ordenada: ol {font-size: 16px;}

Lista sin ordenar: ul {font-size: 16px;}

Cambiar el tamaño de la barra de menú lateral

Al actualizar los párrafos puede pasar que la portada se convierta en una mezcla extraña de tamaños. Es probable que tengas que meter mano también a la barra de menú lateral del blog. Para ello tendrás que añadir en CSS adicional el siguiente código (siguiendo el ejemplo de letra 16):

.sidebar li {font-size: 16px;}

Como anotación, para añadir varios cambios en el código como CSS adicional, no hace falta separarlos con comas ni puntos. Simplemente añadimos uno en cada línea.

Deja un comentario Cancelar respuesta

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