Versionarea @import a fișierului style.css din tema părinte

Nu trebuie să folosești @import. De fapt, este mai bine să nu o faci. Folosirea metodei de încărcare prin enqueue este probabil mai bună din toate punctele de vedere.

Iată partea relevantă din codul temei twentythirteen:

function twentythirteen_scripts_styles() {
...
    // Încarcă fișierul nostru principal de stiluri.
    wp_enqueue_style( 'twentythirteen-style', get_stylesheet_uri(), array(), '2013-07-18' );
...
}
add_action( 'wp_enqueue_scripts', 'twentythirteen_scripts_styles' );

Iată ce ar trebui să faci în codul tău:

function child_scripts_styles() {
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri().'/css/main.css', array('twentythirteen-style'), 'YOUR_THEME_VERSION' );
}
add_action( 'wp_enqueue_scripts', 'child_scripts_styles' );

Dacă main.css trebuie să fie încărcat după style.css al părintelui, atunci pur și simplu îl faci dependent de acesta.

Dacă ai și un fișier B.css în tema copil, atunci configurezi dependențele în consecință:

function child_scripts_styles() {
    wp_enqueue_style( 'child-B-style', get_stylesheet_directory_uri().'/B.css', array('twentythirteen-style'), 'YOUR_THEME_VERSION' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri().'/css/main.css', array('child-B-style'), 'YOUR_THEME_VERSION' );
}
add_action( 'wp_enqueue_scripts', 'child_scripts_styles' );

Asigură-te că dependențele pe care le definești pentru fiecare element reflectă realitatea. Dacă main.css trebuie să vină după B.css, atunci depinde de acesta. Dacă B.css trebuie să vină după style.css al părintelui, atunci B depinde de acesta. Sistemul de încărcare va rezolva ordinea pentru tine.

Și dacă nu folosești style.css al temei copil pentru nimic, atunci nu trebuie să-l încarci deloc. Poate fi doar un placeholder pentru informațiile din header-ul temei tale. Nu-l folosești? Nu-l încărca.

De asemenea, ce anume faci care este atât de dependent de ordinea de încărcare aici? În majoritatea situațiilor, CSS-ului nu îi pasă de ordinea de încărcare. CSS-ul depinde mai mult de specificitatea selectorilor. Dacă vrei să suprascrii ceva, faci selectorul tău mai specific. Poate veni primul, ultimul sau oriunde între, selectorul mai specific câștigă întotdeauna.

Editare

Citind comentariile tale și analizând mai atent codul, văd unde este greșeala. Codul twenty-thirteen încarcă "get_stylesheet_uri()", care în cazul unei teme copil, ar fi fișierul style.css al temei copil, nu al părintelui. De aceea @import funcționează și păstrează aceeași ordine (care, repet, nu contează atât de mult pe cât crezi).

În acest caz, dacă nu vrei să folosești import, aș recomanda să încarci style.css al părintelui direct. Astfel:

function child_scripts_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array() );
}
add_action( 'wp_enqueue_scripts', 'child_scripts_styles' );

Codul din functions.php al temei copil rulează primul, deci wp_enqueue_scripts personal va rula primul, iar acesta va încărca style.css al părintelui, pe care tema părinte nu-l încarcă singură (pentru că de fapt încarcă style.css al copilului tău). Prin a nu-l face dependent de nimic, la fel ca părintele, atunci va fi plasat corect în output. Reține că ordinea acestui fișier și genericons.css nu contează, deoarece originalul "twentythirteen-style" nu are genericons.css ca dependență listată.

style.css al copilului tău se va încărca și, sincer, aici ar trebui să pui modificările pentru tema copil, nu într-un main.css separat. Nu te împiedică nimic să pui modificările acolo, dar nu există un motiv real pentru a avea un fișier CSS în plus.

avertisment

Această soluție nu respectă dependențele temei părinte! Schimbarea numelui handle-ului temei părinte afectează lanțul de dependențe setat în tema părinte. Vezi răspunsul meu mult mai simplu aici.

răspuns original

Deși răspunsul lui Otto este destul de bun, am ajuns la această implementare în functions.php al temei mele copil:

function my_theme_styles() {
    global $wp_styles;
    $parentOriginalHandle = 'twentythirteen-style';
    $parentNewHandle = 'parent-style';

    // Deregistrăm style.css care a fost încărcat de tema părinte; vrem
    // să controlăm versiunea noi înșine.
    $parentStyleVersion = $wp_styles->registered[$parentOriginalHandle]->ver;
    $parentDeps = $wp_styles->registered[$parentOriginalHandle]->deps;
    wp_deregister_style($parentOriginalHandle);

    // Încărcăm style.css al temei părinte cu versiunea originală în loc
    // să-l importăm via @import în style.css al temei copil
    wp_register_style($parentNewHandle, get_template_directory_uri() . '/style.css',
        $parentDeps, $parentStyleVersion);

    // Încărcăm style.css al temei noastre cu propria versiune
    $themeVersion = wp_get_theme()->get('Version');
    wp_enqueue_style($parentOriginalHandle, get_stylesheet_directory_uri() . '/style.css',
        [$parentNewHandle], $themeVersion);
}

// Rulează această acțiune după ce tema părinte a încărcat stilurile sale.
add_action('wp_enqueue_scripts', 'my_theme_styles', 20);

Menține ordinea și numerele de versiune ale fișierului style.css al temei părinte, în timp ce controlează versiunea fișierului style.css al temei copil.