¿Cómo cambiar la versión de .css en WordPress?

Como sugiere el título, no estoy muy seguro de cómo cambiar la versión de un archivo .css en mi tema. Por el momento, la versión .css es así:

<link rel='stylesheet' id='xxxx'  href='https://www. site css/ styles.css?ver=4.6.1' type='text/css' media='all' />

¿Hay un script que necesito ejecutar? ¿Dónde debería buscar hacer la versión 4.6.2 como se indica arriba?

El cuarto argumento, $verpara le wp_enqueue_style()permite configurar la versión:

wp_enqueue_style( string $handle,
                  string $src = false,
                  array $deps = array(),
                  string|bool|null $ver = false,
                  string $media = 'all' );

Por los documentos:

$ ver (string | bool | null) (Opcional) Cadena que especifica el número de versión de la hoja de estilo, si tiene una, que se agrega a la URL como una cadena de consulta para fines de captura de caché. Si la versión se configura como falsa, se agrega automáticamente un número de versión igual a la versión actual instalada de WordPress. Si se establece en nulo, no se agrega ninguna versión. Valor por defecto: false

En su mayoría, la wp_enqueue_style()función de uso del tema dentro de su archivo functions.php para agregar una hoja de estilo en el encabezado. Aquí se explica cómo averiguar si su tema hace lo mismo.

Abra su wp-content/themes/YOUR_THEME_NAME/functions.phparchivo y descubra la línea que agrega la hoja de estilo, como:

wp_enqueue_style('main_style',  get_stylesheet_directory_uri() . '/style.css');

O como:

wp_enqueue_style( 'twentysixteen-style', get_stylesheet_uri() );

Puede buscar la ID (excepto -cssparte) ... si la ID es: main_style-cssbusque solo main-styleen su archivo functions.php, y probablemente debería encontrar la línea de código que estaba buscando.

Ahora que encontró el código y sabe que su tema agrega esta hoja de estilo al usar el wp_enqueue_style()archivo functions.php. Necesita actualizar este código para la versión.

$style_ver = filemtime( get_stylesheet_directory() . '/style.css' );
wp_enqueue_style( 'main_style', get_stylesheet_directory_uri() . '/style.css', '', $style_ver );

Como puede ver, este código obtiene la última hora modificada del archivo style.css usando la filemtime()función PHP y también convierte el tiempo en una marca de tiempo usando la time()función PHP solo para hacer las cosas limpias.

Si no desea que la versión cambie dinámicamente cada vez, simplemente puede hacer esto:

wp_enqueue_style( 'main_style', get_stylesheet_directory_uri() . '/style.css', '', '1.5' );

Eso es practicamente todo. ¡Paz!

No obtuve mucho de estas respuestas, así que pensé en escribir lo que funcionó para mí. Sé que el códice dice:

$ ver (string | bool | null) (Opcional) Cadena que especifica el número de versión de la hoja de estilo, si tiene una, que se agrega a la URL como una cadena de consulta para fines de captura de caché. Si la versión se configura como falsa, se agrega automáticamente un número de versión igual a la versión actual instalada de WordPress. Si se establece en nulo, no se agrega ninguna versión. Valor predeterminado: falso

Pero es muy críptico en cuanto a cómo funciona realmente. No pude obtener un número de versión wp_enqueue_stylepara activar un parámetro de consulta como ?ver=1.2.3en mi hoja de estilo. Sin embargo, establecerlo en true permite la versión declarada de cache bustla hoja de estilo a la hoja de estilo. (sigue leyendo)

Dentro de su style.css debe nombrar su tema. Esto es requerido por WP. Sin embargo, otras opciones como versiones lo que la versión booleana de wp_enqueue_style también da referencia.

/******************************************************************
Site Name: MySite.com
Author: @BenRacicot
Version: 4.0 // <- wp_enqueue_style's version number
Stylesheet: Main Stylesheet
******************************************************************/

Ahora cuando cambio eso para Version: 4.1obtenerstyle.css?cache-bust=0.24135995238933283

Simplemente puede usar time()en un momento de estilo en cola o script como este ...

Sin usar la wp_enqueue_style()función wordpress

<link rel='stylesheet' id='xxxx'  href='https://www. site css/ styles.css?ver=<?php echo time(); ?>' type='text/css' media='all' />

Usando la wp_enqueue_style()función

wp_enqueue_style('style_sheet_name', get_stylesheet_directory_uri() . '/custom_style.css', '', time());

O

wp_enqueue_style('style_sheet_name', get_stylesheet_uri() . '/custom_style.css', '', time());