Atribuirea unui număr de versiune pentru foaia de stil principală a unei teme copil

Cred că cea mai bună metodă este să lăsați fișierul de stiluri al temei copil (style.css) gol, doar cu comentariile necesare (cum ar fi numele temei, descrierea etc., pentru ca WordPress să-și poată recunoaște tema) și apoi să creați un alt fișier CSS în directorul your-theme-name-folder/css/main.css.

După aceea, în fișierul functions.php puteți avea o „versiune” nouă de fiecare dată când modificați fișierul:

function my_scripts_and_styles(){

$cache_buster = date("YmdHi", filemtime( get_stylesheet_directory() . '/css/main.css'));
wp_enqueue_style( 'main', get_stylesheet_directory_uri() . '/css/main.css', array(), $cache_buster, 'all' );

}

add_action( 'wp_enqueue_scripts', 'my_scripts_and_styles', 1);

Logica din spate:

De fiecare dată când salvați fișierul, timpul de modificare al acestuia se schimbă. Noul timp este transmis funcției date pentru a converti timpul (filemtime returnează un întreg care reprezintă timpul) în format de dată, pentru a-l transforma într-un șir în formatul dorit. În exemplul nostru, timpul este formatat cu precizie de minute. Puteți modifica acest lucru pentru a urmări chiar și secunde, de exemplu "YmdHis". Apoi, noul timp de modificare al fișierului este transmis ca versiune nouă către wp_enqueue_style.

Referințe:

http://www.php.net/filemtime

http://php.net/manual/en/function.date.php

Ceea ce trebuie să faci este să anulezi înregistrarea stilului principal prin handle și apoi să-l înregistrezi din nou cu numărul tău de versiune. În acest caz, handle-ul este style-css.

Poți determina handle-ul necesar uitându-te la legătura stilului afișată:

<link rel='stylesheet' id='style-css-css'  href='http://site-url/wp-content/themes/child-theme/style.css?ver=4.6.1' type='text/css' media='all' />

Aici, ID-ul este style-css-css, ceea ce înseamnă că handle-ul nostru este style-css.

Pune acest cod în fișierul function.php al temei tale copil:

function wpse_145141_change_style_version(){
    // Mai întâi, anulează înregistrarea stilului principal
    wp_deregister_style( 'style-css' );
    // Apoi adaugă-l din nou, folosind numărul tău de versiune personalizat
    wp_register_style( 'style-css', get_stylesheet_uri(), array(), "VERSION_NUMBER" );
    // În final, adaugă-l din nou în coadă
    wp_enqueue_style( 'style-css');
}

add_action( 'wp_enqueue_scripts', 'wpse_145141_change_style_version');

Răspunsul actual de top depinde de temă, deoarece necesită ca dezvoltatorul temei să fi transformat numărul de versiune al temei copil într-o variabilă și apoi să-l atașeze la fișierul child style.css atunci când este încărcat. Am văzut acest lucru la unele teme, dar nu la multe. Următoarea soluție funcționează pe orice temă care înregistrează stilurile copil în functions.php - nu va funcționa cu vechea regulă @import, pe care nu am mai văzut-o folosită recent.

În functions.php al temei copil, ar trebui să aveți ceva similar cu acest cod:

// încarcă fișierul de stil al temei copil

function wp_schools_enqueue_scripts() {
  wp_register_style( 'childstyle', get_stylesheet_directory_uri() . '/style.css'  );
  wp_enqueue_style( 'childstyle' );
}
add_action( 'wp_enqueue_scripts', 'wp_schools_enqueue_scripts', 11);

Dacă modificați codul astfel, se va adăuga un timestamp ca număr de versiune de fiecare dată când fișierul este salvat, permițând fiecărei modificări a fișierului CSS să treacă prin cache-ul local:

// încarcă fișierul de stil al temei copil

function wp_schools_enqueue_scripts() {
  wp_register_style( 
    'childstyle', 
    get_stylesheet_directory_uri() . '/style.css', 
    array(), 
    filemtime( get_stylesheet_directory() . '/style.css' ) 
  );
  wp_enqueue_style( 'childstyle' );
}
add_action( 'wp_enqueue_scripts', 'wp_schools_enqueue_scripts', 11);

Sper că acest lucru îi va ajuta pe cineva. Folosesc această soluție pe fiecare site pe care îl administrez activ.

În loc să folosesc fișierul implicit style.css, de obicei folosesc wp_enqueue_style în functions.php din tema copil sau într-un alt fișier php inclus. Astfel, vei avea în continuare style.css în tema copil cu toate detaliile acesteia, dar poți avea un fișier css separat în tema copil pentru stilizarea efectivă a temei copil (eu de obicei pun acest fișier într-un director assets/css în tema copil). Acest lucru îți permite și să setezi versiunea CSS cu al patrulea parametru. De exemplu:

function theme_name_child_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_directory_uri() . '/assets/css/child-style.css', array(), '1.0.0', 'screen');
}

add_action( 'wp_enqueue_scripts', 'theme_name_child_scripts' );

Poți adăuga o prioritate la acțiune dacă nu se încarcă în ordinea corectă sau poți lucra cu parametrul de dependență din wp_enqueue_style de mai sus:

add_action( 'wp_enqueue_scripts', 'theme_name_child_scripts', 20 );

Folosește filemtime pentru a versiona după modificarea fișierului. Dezînregistrează și încarcă stilul.

1. Uită-te în sursă (ctrl + U) și găsește ID-ul CSS al fișierului copil fără "-css". Aici este voyager-default

<link rel='stylesheet' id='voyager-default-css' href='/wp-content/themes/voyager-child-theme/style.css?1606484598' type='text/css' media='all' />

2. Folosește acest cod (sursă) dar înlocuiește 'style' cu șirul găsit (aici 'voyager-default')

Fișierul functions.php al temei copil

function add_timestamp_to_childtheme_stylesheet() {
    wp_dequeue_style( 'style' );
    wp_deregister_style( 'style' );
    wp_enqueue_style('style', get_stylesheet_uri().'?'.filemtime(get_stylesheet_directory().'/style.css'), array(), null);
}
add_action( 'wp_print_styles', 'add_timestamp_to_childtheme_stylesheet' );

Cred că dacă folosești editorul de teme Wordpress pentru a edita fișierul de stiluri al temei tale copil, acesta adaugă automat un nou număr de versiune de fiecare dată când salvezi fișierul.