css refresh style child wordpress

En su carpeta hijo del template en la parte functions se debe pegar el siguiente de código, reemplace cualquier función que tenga para obtener el css por la siguiente.

<?php

function add_require_scripts_files() {
   $parent_style = 'online-shop'; // Reemplazar "parebt" por el nombre de la carpeta del tema.
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
     wp_enqueue_style('online-shop-style', get_stylesheet_directory_uri().'/style.css', array(), '2.6.9', "all");   

}
add_action( 'wp_enqueue_scripts', 'add_require_scripts_files' );

?>

 

Esto reemplazará la hoja de estilo original pero con su propia versión.  Tendrá que cambiar 1.6.7 a otro número cada vez que realice un cambio (por lo que es mejor para entornos de producción donde no realiza cambios con tanta frecuencia ya que el cambio de la versión lo tendrá que realizar de manera manual).

Esto permitirá que el css se actualice en todos los navegadores de tus visitantes sin necesidad que estos borren cookies o  hagan cualquier limpiado esto es automático.

Nota los cambios css lo agregas en tu hoja de estilos del tu carpeta hijo por ejemplo:

.woocommerce div.product p.price del, .woocommerce div.product span.price del{
display: block;
color:green;
}
.woocommerce ul.products li.product .price del {display: block;color:green;}

 

El código anterior cargara antes que style del padre por lo cual nos permite modificar muchas cosas y no podemos tener ningún problema con la actualización del template si hemos realizado varias personalizaciones

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *