Os explicamos en este artículo cómo modificar el estilo CSS de nuestro sitio WordPress sin necesidad de usar plugins de terceros. Además, esta opción no se reemplazará aunque actualicemos WordPress, los cambios que hagamos en el estilo CSS quedarán guardados y se aplicarán siempre. Como ejemplo os mostramos cómo ampliar el tamaño de letra del foro bbPress.

Requisitos para modificar estilos CSS en WordPress sin plugins

El único requisito es disponer de una versión de WordPress igual o superior a la 4.7, a partir de esta versión WordPress incluye una opción para insertar código CSS personalizado a nuestro sitio, de forma que podremos modificar la plantilla CSS de nuestro sitio WordPress y no serán reemplazados los cambios en futuras actualizaciones de versiones.

Modificar estilo CSS en WordPress sin usar plugins ampliar tamaño de letra del foro bbPress

Aumentar el tamaño de la letra del foro bbPress en WordPress con CSS personalizado

Para modificar o añadir estilo CSS a nuestro sitio WordPress accderemos a la administración:

misitio/wp-admin

Y pulsaremos en «Apariencia» – «Personalizar»:

Modificar estilo CSS en WordPress sin usar plugins ampliar tamaño de letra del foro bbPress

Pulsaremos a continuación en «CSS Adicional»:

Modificar estilo CSS en WordPress sin usar plugins ampliar tamaño de letra del foro bbPress

Pegaremos o escribiremos el código CSS que queramos que se aplique a nuestro sitio web o a alguna parte (clase) concreta. En nuestro caso, como ejemplo, modificaremos el tamaño de letra del foro bbPress, que suele ser algo pequeña y queda muy pequeña en dispositivos móviles, por lo tanto escribiremos el siguiente código CSS:

 

Modificar estilo CSS en WordPress sin usar plugins ampliar tamaño de letra del foro bbPress

Una vez introducido el código CSS pulsaremos en «Guardar y publicar» para aplicar los cambios.

Podremos ver el resultado accediendo a cualquier post del foro bbPress:

Modificar estilo CSS en WordPress sin usar plugins ampliar tamaño de letra del foro bbPress