Tema copil nu încarcă CSS-ul părinte

Tema Mystile este o temă veche de 3 ani care nu este gata de utilizare ca stil părinte deoarece stilul copil este fixat în header.php într-o locație nepotrivită

Cea mai rapidă metodă de a corecta această problemă este să plasați aceste fișiere în directorul temei-copil:

• fișierul style.css:

.

/*
Template: mystile
*/

• fișierul child-style.css: toate regulile CSS pe care doriți să le aplicați
• fișierul functions.php:

.

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

    wp_enqueue_style( 'child-style'
        , get_stylesheet_directory_uri() . '/child-style.css'
        , array('parent-style') // declară dependența
                                // pentru a încărca stilul-copil după stilul-părinte
    );
}

https://developer.wordpress.org/themes/advanced-topics/child-themes/

Metoda recomandată de a încărca fișierele de stil este să adăugați o acțiune wp_enqueue_scripts și să folosiți wp_enqueue_style() în fișierul functions.php al temei copil. Dacă nu aveți unul, creați un fișier functions.php în directorul temei copil. Prima linie din functions.php al temei copil va fi o deschidere de tag PHP (<?php), după care puteți scrie codul PHP în funcție de ceea ce face tema părinte.

Dacă tema părinte încarcă ambele fișiere de stil, tema copil nu trebuie să facă nimic.

Dacă tema părinte încarcă stilul folosind o funcție care începe cu get_template, cum ar fi get_template_directory() și get_template_directory_uri(), tema copil trebuie să încarce doar stilurile copil, folosind handle-ul părintelui în parametrul de dependență.

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'child-style', get_stylesheet_uri(),
        array( 'parenthandle' ), 
        wp_get_theme()->get('Version') // acest lucru funcționează doar dacă aveți Version în antetul stilului
    );
}

Dacă tema părinte încarcă stilul folosind o funcție care începe cu get_stylesheet, cum ar fi get_stylesheet_directory() și get_stylesheet_directory_uri(), tema copil trebuie să încarce atât fișierele de stil ale părintelui, cât și ale copilului. Asigurați-vă că folosiți același nume de handle ca și tema părinte pentru stilurile părinte.

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    $parenthandle = 'parent-style'; // Acesta este 'twentyfifteen-style' pentru tema Twenty Fifteen.
    $theme = wp_get_theme();
    wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css', 
        array(),  // dacă codul temei părinte are o dependență, copiați-o aici
        $theme->parent()->get('Version')
    );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(),
        array( $parenthandle ),
        $theme->get('Version') // acest lucru funcționează doar dacă aveți Version în antetul stilului
    );
}

Consultați textul citat pe care l-am pus în bold mai sus. Acum verificați cum tema părinte încarcă stilul său și urmați instrucțiunile și exemplul în consecință. Cazul meu a fost al doilea, așa că am codat astfel:

add_action( 'wp_enqueue_scripts', 'twentytwentychild_enqueue_styles' );
function twentytwentychild_enqueue_styles() {
    $parentHandle = "twentytwenty-style";
    $childHandle = "twentytwentychild-style";
    $theme = wp_get_theme();

    wp_enqueue_style($parentHandle, get_template_directory_uri() . '/style.css',
        array(), // dacă codul temei părinte are o dependență, copiați-o aici
        $theme->parent()->get('Version') // acest lucru funcționează doar dacă aveți Version în antetul stilului
    );

    wp_enqueue_style($childHandle, get_stylesheet_uri(),
        array($parentHandle),
        $theme->get('Version') // acest lucru funcționează doar dacă aveți Version în antetul stilului
    );
}