Borrar hojas de estilo en Child Theme

Es frecuente que cuando creamos un Child Theme, necesitemos borrar alguna o varias hojas de estilo para sobreescribir todos los estilos, o algunos de ellos.

Por ejemplo, supongamos que tu Tema Base tiene una hoja de estilos css que esté enfocada a anidar los estilos para la versión responsive y se encuentra en themes/tema-base/css/responsive.css, al crear un Child Theme no podremos simplemente crear una carpeta igual themes/tema-base-child/css ya que los únicos archivos que se pueden copiar para que un Child Theme los utilice en lugar de los que trae el Tema Base son los que están en la raíz del Tema Base themes/tema-base/, así que se tendrá que hacer uso de una función colocada en tu archivo functions.php que estará en tu Child Theme, es decir, themes/tema-base-child/functions.php.

Cómo borrar una hoja de estilos css y colocar una nueva en functions.php

Para borrar una hoja de estilos se utiliza la siguiente función:

Para no cargarla en el head del Child Theme:

Y así es como crearemos la función que primero borrará la hoja de estilos css, dejará de cargarla en el head, y luego registrará una nueva hoja de estilos css:

Explico la función: ‘hoja-responsive’ es la hoja de estilo css que estamos borrando y ‘nueva-hoja-responsive’ es el nombre de la función de la nueva hoja de estilos css que estamos añadiendo.

Recommended Posts

Leave a Comment