WordPress Child Theme style.css funktioniert nicht

Question 1

Ich habe eine Dateistruktur im gleichen Format wie mein übergeordnetes Thema erstellt. Mein Parent-Theme heißt Alpine und innerhalb von Alpine gibt es eine functions.php- und eine style.css-Datei. Es scheinen keine zusätzlichen style.css-Dateien vorhanden zu sein.

Ich habe ein Verzeichnis namens Alpine-child erstellt und darin eine Datei functions.php und style.css erstellt.

Ich kann nicht herausfinden, warum Änderungen, die ich an der untergeordneten style.css vornehme, nicht implementiert werden, aber sie sind es, wenn ich dieselben Änderungen in der übergeordneten style.css vornehme

Dies ist mein untergeordnetes style.css:

/*
 Theme Name:   Alpine Child
 Theme URI:    http://www.creative-ispiration.com/wp/alpine/
 Description:  My first child theme, based on Alpine
 Author:       MilkshakeThemes
 Author URI:   http://themeforest.net/user/milkshakethemes
 Template:     Alpine
 Version:      1.0.0
 Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, post-formats, rtl$
 Text Domain: alpine-child
*/

Dies ist meine untergeordnete Datei functions.php:

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

Question 2

Schauen Sie sich Ihre an <head> Schild. Sehen Sie sich vor allem die Reihenfolge Ihrer Stylesheets an.

Zuerst werden die Styles aus deinem Child-Theme hinzugefügt und dann alle Styles aus deinem Parent-Theme. Dadurch überschreiben die Stile des Parent-Themes die Stile deines Child-Themes.

Sie können die Priorität Ihrer ändern my_theme_enqueue_styles Funktion, die nach dem übergeordneten Element ausgeführt werden soll, indem der dritte Parameter von verwendet wird add_action. Dadurch werden Ihre Child-Theme-Stile zuletzt in die Warteschlange gestellt, sodass das CSS wie erwartet funktioniert.

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles', 11 );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'child-style', get_stylesheet_uri() );
}
?>

Question 3

Das hat bei mir funktioniert:

<?php
function my_theme_enqueue_styles() {
    $parent_style="twentyseventeen-style"; 
    $child_style="twentyseventeen-child-style";
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( $child_style, get_stylesheet_uri() );
}
?>

und keine der anderen Antworten tat es.

Question 4

Sie müssen das untergeordnete Thema in die Warteschlange einreihen style.css Ihre Funktion sollte also lauten:

function my_theme_enqueue_styles() {

    $parent_style="parent-style"; 

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

Werfen Sie einen Blick auf die Dokumentation.

Question 5

Die Antwort von Craig Hick hat bei mir funktioniert und mir ist auch klar, warum mein Standardcode aus der WordPress-Dokumentation nicht funktioniert hat.

  <?php 
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); 
function my_theme_enqueue_styles() {

    $parent_style="parent-style"; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    ); }

In meinem Fall die Linie wp_get_theme()->get(‘Version’) ist zurückgekommen 1.0.0 Dies war die gleiche Versionsnummer wie das übergeordnete Thema. Also habe ich einfach die CSS-Versionsnummer des Child-Themes auf geändert 1.0.1 und es hat funktioniert.

Question 6

Nach dem Update von Divi 4.4.1 auf Divi 4.10.8 funktionierte das übergeordnete CSS des untergeordneten Designs nicht. Ich habe auf meiner Website recherchiert und festgestellt, dass die Divi style.css-Datei leer war und nur Header-Informationen enthielt (nach dem Update) und dass sich der zum Anzeigen des CSS erforderliche Code jetzt in einer anderen Datei befand (style-static.min.css). Ich habe den Dateinamen in meiner Child-Theme-functions.php-Datei von style.css in style-static.min.css geändert. Dies hat mein Problem gelöst und das CSS funktioniert.

Siehe unter dem Code, den ich verwendet habe:

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', 11);
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style-static.min.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}

Question 7

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

Question 8

Mein Child-Theme hat derzeit folgenden Code:

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

//load child theme custom CSS
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles', 11 );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'child-style', get_stylesheet_uri() );
}

?>

Zuvor hatte der von mir verwendete Code nur den ersten Teil //load child theme custom CSS Teil, und es war nicht möglich, das benutzerdefinierte CSS abzurufen. Ich habe den oben vorgeschlagenen Code @jrod hinzugefügt und es hat funktioniert. Ich muss mit euch bestätigen, dass mein Child-Theme-Code vollständig ist und ich nichts weiter hinzufügen muss. Ich bin mir nicht sicher, ob dies auch die benutzerdefinierten JS-Dateien abruft, die ich in den JS-Dateien des untergeordneten Themas habe.