Las hojas de estilo en una instalación de WordPress se definen en los archivos del tema que usemos. Sin embargo, a veces puede interesarnos hacer cambios de diseño sin querer modificar los archivos fuente, ya sea porque no disponemos de un tema hijo, no somos desarrollador o porque es una modificación que no consideramos como parte del tema. Sea como fuere, para eso el backend nos proporciona un espacio desde donde poder añadir CSS personalizado de una manera cómoda.
Tras una buena cantidad de años trabajando como maquetador web freelance especializado en desarrollar temas de WordPress desde cero, he usado esta funcionalidad en incontables ocasiones por su comodidad. Sin embargo es importante tener en cuenta que con el lanzamiento de WordPress 5.8 se introdujo el editor de sitio, por lo que a partir de ese momento, los temas desarrollados para utilizar esta capacidad modifican el modo en el que tradicionalmente se venía haciendo. Por eso veremos ambas vías de modo que puedas usar la que mejor te convenga.
Después de WordPress 5.8
Tras el cambio comentado anteriormente, la ubicación para introducir estilos personalizados en la web se encuentra un poco más escondida. Deberemos ir a Apariencia >> Editor, después haremos click en la previsualización de la página de inicio. Una vez dentro, en la esquina superior derecha debería verse un icono de un círculo con la mitad izquierda en color negro. Este botón abrirá el panel de estilos globales y ahí, en el encabezado, pulsamos sobre el icono con tres puntos verticales que es el botón de Más >> CSS adicional. Por fin llegaremos al campo de texto que nos permitirá introducir nuestros estilos.
Antes de WordPress 5.8
El panel desde donde podremos introducir estilos CSS en las instalaciones previas o en los temas que no tienen compatibilidad con la edición completa del sitio se encuentra en el menú lateral Apariencia >> Personalizar. Dentro encontraremos una pestaña llamada CSS adicional que cuenta con un campo para introducirlos.
Deja una respuesta