web-dev-qa-db-fra.com

comment ajouter une version de style.css dans wordpress

Comment ajouter une version de style.css dans WordPress comme ci-dessous, je peux le faire dans Joomla.

<link rel="stylesheet" href="/templates/example/css/style.css?v=1.2">

je sais que le style.css va se charger dynamiquement. aidez-moi s'il vous plaît à comment faire cela.

themesstylesheet
8
Toretto

Le numéro de version est un paramètre de wp_enqueue_style() .

Selon le Codex, voici tous les paramètres que wp_enqueue_style accepte.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

Ainsi, par exemple, pour charger une feuille de style avec un numéro de version, procédez comme suit:

function wpa_90820() {
    wp_enqueue_style('my-styles', get_stylesheet_directory_uri() .'/my-styles.css', array(), '1.0' );       
}

add_action('wp_enqueue_scripts', 'wpa_90820');
13
helgatheviking

Au lieu de configurer la version en dur, il peut être préférable dans certains cas de la modifier de manière dynamique. Ainsi, chaque fois que vous la modifiez, elle modifie et actualise automatiquement le cache du navigateur immédiatement sans avoir à modifier votre fichier functions.php encore et encore.

Vous pouvez utiliser filemtime () pour le faire. Voici comment faire cela dans un style enfant qui fait référence à parent_style

    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), filemtime( get_stylesheet_directory() . '/style.css' )  );
2
Codeaholic

Vous pouvez y parvenir de l’une des manières suivantes:

1) Ajoutez la balise suivante dans le fichier header.php du thème.

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>'?v=1.2" type="text/css" media="all" />

2) Ajoutez le code suivant dans le fichier functions.php du thème.

function theme_styles()  
{ 
  // Register the style like this for a theme:  
  // (First the unique name for the style (custom-style) then the src, 
  // then dependencies and ver no. and media type)
  wp_enqueue_style( 'style-css', get_template_directory_uri() . '/style.css', array(), '1.2', 'all' );
}
add_action('wp_enqueue_scripts', 'theme_styles');

Pour plus d'informations, voir cette page.

2
Vinod Dalvi

Essaye ça:

Ajoutez ceci à functions.php

function autoVer($filename){
    $url = get_template_directory_uri() . $filename;
    $file = get_template_directory() . $filename;
    if ( file_exists($file)) {
        return $url . '?v=' .md5(date("FLdHis", filectime($file)) . filesize($file));
    }
    clearstatcache();
}

Ajoutez ceci à l'en-tête ou au pied de page -> autoVer ('/ js/main.js');

1
Rpublic Advertising

le meilleur moyen de charger css dans votre thème wordpress est d'utiliser le code suivant dans votre fichier functions.php:

function theme_styles()  
{ 
  global $ver_num; // define global variable for the version number
  $ver_num = mt_Rand() // on each call/load of the style the $ver_num will get different value
  wp_enqueue_style( 'style-css', get_template_directory_uri() . '/style.css', array(), $ver_num, 'all' );
}
add_action('wp_enqueue_scripts', 'theme_styles');

C’est le bon moyen de charger les styles dans votre thème. C’est également ce qui convient le mieux pour le transfert et le test car chaque actualisation fournit la version mise à jour du style.

Si vous voulez éviter le 1er chemin de chargement, vous pouvez utiliser cette version raccourcie et placer la ligne suivante dans votre fichier header.php pour obtenir le même résultat:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?ver=' . filemtime( get_stylesheet_directory() . '/style.css'); ?>" type="text/css" media="screen, projection" />

À votre santé

0
Mile Milosheski