it-swarm.com.de

Untergeordnetes Thema lädt übergeordnetes CSS nicht

Ich verwende das MyStile-Design für eine neue Site. Ich versuche, ein untergeordnetes Thema zu erstellen, damit ich das Thema ändern und meine Änderungen nicht überschreiben kann. Sobald ich jedoch mein untergeordnetes Thema aktiviere, scheint das gesamte Design von der Website zu stammen.
Ich vermute, dass das Problem hier irgendwo liegt, wenn es die übergeordnete Datei style.css aufruft.

Folgendes habe ich in meinem Kinderthema: style.css .

   /*
 Theme Name:   Blurred Edge Apparel
 Theme URI:    http://www.blurrededgeapparel.com
 Description:  MyStile Child Theme
 Author:       Blurred Edge Apparel
 Author URI:   http://www.blurrededgeapparel.com
 Template:     mystile
 Version:      1.0.0
*/


@import url("../mystile/style.css");

Ich habe auch über header.php und footer.php aus dem Eltern-Theme-Verzeichnis kopiert, aber immer noch keine Freude.
Vermisse ich hier etwas?

1
Toby Cannon

Werfen Sie einen Blick auf So erstellen Sie ein untergeordnetes Thema und Sie werden sehen, dass:

die vorherige Methode zum Einreihen des übergeordneten Stylesheets bestand darin, das übergeordnete Design-Stylesheet mit @import zu importieren. Dies ist keine bewährte Methode mehr. Die richtige Methode zum Einreihen in das übergeordnete Stylesheet ist das Hinzufügen einer Aktion wp_enqueue_scripts und die Verwendung von wp_enqueue_style () in der Datei functions.php Ihres untergeordneten Themas.

Hier ist das Beispiel:

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
4
d79

Das Mystile-Theme ist ein 3 Jahre altes Theme, das nicht einfach als Parent-Style verwendet werden kann, da der Child-Style in header.php an der falschen Stelle festgelegt ist

der schnellste Weg, dies zu korrigieren, besteht darin, diese Dateien in das Verzeichnis child-theme zu stellen:

  • datei style.css :

.

/*
Template: mystile
*/
  • file child-style.css : Alle CSS-Regeln, die Sie anwenden möchten
  • datei 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') // declare the dependency
                                // in order to load child-style after parent-style
    );
}
0
mmm