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.
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»:
Pulsaremos a continuación en «CSS Adicional»:
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:
1 2 3 4 5 |
#bbpress-forums .bbp-topic-content p, #bbpress-forums .bbp-reply-content p { font-size: 17px; } |
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: