Comment changer de version de .css dans WordPress?

Question

Comment changer de version de .css dans WordPress?

- 15
- 33139 2016-11-29
Comme letitre l'indique,je ne saispastrop comment changer la version d'unfichier .css dansmonthème.Pour lemoment,lagestion des versions .cssest comme ceci:

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

Dois-jeexécuter un script - où dois-je chercherpour créer la version 4.6.2 comme ci-dessus?
Like the title suggests, I'm not too sure how to change the version of a .css file in my theme. At the moment the .css versioning is like this:

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

Is there a script that I need to run - where should I be looking to make the version 4.6.2 as per above?
css

- Commentfaites-vousimprimer ce script?
  
  How are you getting this script to print?
  - 0
  - 2016-11-29
  - Nathan Powell

4 réponses

votes

- 8
- 2016-11-30
Laplupart dutemps,lesthèmes utilisent lafonction wp_enqueue_style() dans leurfichierfunctions.phppour ajouter unefeuille de style dans l'en-tête. Voici comment savoir si votrethèmefait demême.

Ouvrez votrefichier wp-content/themes/YOUR_THEME_NAME/functions.php,et trouvez la ligne qui ajoute lafeuille de style,comme:

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

Ou comme:

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

Vouspouvez rechercher l'ID (saufpour lapartie -css) ... si l'IDest: main_style-css rechercher uniquement main-style dans votrefichierfunctions.php,et vous devriezprobablementtrouver la ligne de code que vous cherchiez.

Maintenant que vous aveztrouvé le codeet que vous savez que votrethème ajoute cettefeuille de styleen utilisant wp_enqueue_style() dans lefichierfunctions.php. Vous devezmettre àjour ce codepour la version.

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

Comme vouspouvez le voir,ce code récupère l'heure de la dernièremodification dufichier style.cssen utilisant lafonction PHP filemtime()et il convertit également l'heureen horodatageen utilisant time() Fonction PHPjustepour rendre les chosespropres.

Si vousne voulezpas que la version change dynamiquement à chaquefois,vouspouvez simplementfaire ceci:

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

C'est àpeuprèstout. Paix!
Mostly theme's use wp_enqueue_style() function inside their functions.php file to add style sheet in the header. Here is how to find out if your theme does the same.

Open your wp-content/themes/YOUR_THEME_NAME/functions.php file, and find out the line which is adding the style sheet, Like:

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

Or Like:

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

You can search for the ID (except for -css part)... if the ID is: main_style-css search for just main-style in your functions.php file, and you should probably find the line of code you were looking for.

Now that you found the code and you know that your theme adds this stylesheet by using wp_enqueue_style() in functions.php file. You need to update this code for version.

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

As you can see, this code gets the last modified time of style.css file using filemtime() PHP function and it also converts the time to timestamp using time() PHP function just to make things clean.

If you don't want the version to dynamically change every time you can simply do this:

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

Thats pretty much it. Peace!
- Attention: vous devriez utiliser `get_stylesheet_directory ()` à l'intérieur de `filemtime ()` caril retournera un chemin système.
  
  Heads up: you should use `get_stylesheet_directory()` inside of `filemtime()` since it will return a system path.
  - 0
  - 2017-07-13
  - Half Crazed
- 3
- 2017-07-31
Jen'aipastirégrand-chose de ces réponses,alorsj'aipensé écrire ce quifonctionnaitpourmoi. Je sais que le codex dit:

$ ver (string| bool| null) (Facultatif) Chaîne spécifiant lafeuille de style numéro de version,s'ilen a un,quiest ajouté à l'URL sousforme de requête string à desfins de contournement du cache. Si la versionest définie surfalse,un lenuméro de versionest automatiquement ajouté égal à l'installation actuelle Version WordPress. S'ilest défini surnull,aucune versionn'est ajoutée. Valeurpar défaut: faux

Mais c'esttrès cryptique quant à lafaçon dont celafonctionne réellement. Jen'aipaspu obtenir unnuméro de version dans wp_enqueue_stylepour déclencher unparamètre de requête comme ?ver=1.2.3 surmafeuille de style. Cependant,le définir surtruepermet à la version déclarée de lafeuille de style de cache bust lafeuille de style. (lire la suite)

Dans votre style.css,vous deveznommer votrethème. Ceciest requispar WP. Cependant,d'autres optionstelles que version sont ce que la versionbooléenne de wp_enqueue_style donne égalementen référence.

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

Maintenant,quandje change celaen Version: 4.1,j'obtiens style.css?cache-bust=0.24135995238933283
I didn't get much out of these answers so I thought I'd write what worked for me. I know the codex says:

$ver (string|bool|null) (Optional) String specifying stylesheet version number, if it has one, which is added to the URL as a query string for cache busting purposes. If version is set to false, a version number is automatically added equal to current installed WordPress version. If set to null, no version is added. Default value: false

But it is very cryptic as to how it actually works. I could not get a version number in wp_enqueue_style to trigger a query param like ?ver=1.2.3 on my stylesheet. However setting it to true allows the stylesheet's declared version to cache bust the stylesheet. (read on)

Within your style.css you must name your theme. This is required by WP. However other options such as version is what wp_enqueue_style's version boolean gives reference too.

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

Now when I change that to Version: 4.1 I get style.css?cache-bust=0.24135995238933283

2

2018-02-08

Vouspouvez simplement utiliser time() à unmoment de style demiseen file d'attente ou de script comme celui-ci ..

Sans utiliser lafonction wordpress wp_enqueue_style()

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

Utilisation de lafonction wp_enqueue_style()

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

<₹OR

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

You may simply use time() at a time of enqueue style or script like this..

Without using wordpress wp_enqueue_style() function

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

Using wp_enqueue_style() function

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

OR

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

Jene recommanderaispas cela,je suispresque sûr que cela vaincra lamiseen cache de la version.

I wouldn't recommend this, I'm pretty sure it will defeat the version caching all together.
- 1
- 2019-03-28
- Fabian von Ellerts

Dave Romsey · Accepted Answer · 2016-11-29

19

2016-11-29

Le quatrième argument,$verpour wp_enqueue_style() vouspermet de définir la version:

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

Selon la documentation:

$ ver (string| bool| null) (Facultatif) Chaîne spécifiant lenuméro de version de lafeuille de style,le cas échéant,quiest ajoutée à l'URL sousforme de requête string à desfins de contournement du cache.Si la versionest définie surfalse,un lenuméro de versionest automatiquement ajouté égal à l'installation actuelle Version WordPress.S'ilest défini surnull,aucune versionn'est ajoutée.Valeurpar défaut: false

The fourth argument, $ver for wp_enqueue_style() allows you to set the version:

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

Per the docs:

$ver (string|bool|null) (Optional) String specifying stylesheet version number, if it has one, which is added to the URL as a query string for cache busting purposes. If version is set to false, a version number is automatically added equal to current installed WordPress version. If set to null, no version is added. Default value: false

Mercipour cela -je suppose que ce queje demandeest `` commentfaire cela '' - c'est-à-dire `` commentexécuter ce scriptpourgénérer unenouvelle version ''?J'espère que cela a du sens ...

Thanks for that - I guess what I am asking is 'how do I do that' - i.e. 'how do I run that script to generate a new version'? Hope that makes sense...
- 0
- 2016-11-29
- henry
Souhaitez-vousmettre àjour votre question avec le code où `wp_enqueue_style ()`est appelé?WordPressgère automatiquement lagestion des versionsen fonction de l'explication de `$ ver`publiée dansma réponse,doncje suppose que $ verest défini surfalse.Si vous voulez le changer,changez l'argument $ veren unenouvelle chaîne (jen'utiliseraispas 4.6.2puisque cette conventionest déjà utiliséepar WordPress),maistechniquement celafonctionnerait.

Would you update your question with the code where `wp_enqueue_style()` is called? WordPress handles the versioning automatically based on the explanation of `$ver` posted in my answer, so I'm assuming $ver is set to false. If you want to change it, change the $ver argument to a new string (I wouldn't use 4.6.2 since that convention is used by WordPress already), but technically it would work.
- 0
- 2016-11-29
- Dave Romsey
Vouspouvezfacilement y substituern'importe quoi.Parexemple,`$ ver=time ();` créerait unenouvelle version à chaquefois que vous accéderiez à lapage,et la version serait l'heure.

You can easily substitute anything there. For example `$ver = time();` would make a new version every time you hit the page, and the version would be the time.
- 1
- 2016-11-29
- Nathan Powell