Wordpress Child Theme für html5blank

Question

Ich habe so viel Mühe, ein Kind Thema der html5blank Thema zu gründen. Bis zu dem Punkt, wo ich eine Neuinstallation des übergeordneten Theme durchführe und von vorne anfange - und diesen Post schreibe, während ich ihn durchlaufe! Im Grunde muss ich nach dem Erstellen des Kindes sie meine benutzerdefinierte /css/main.css Datei laden - und es hat es nicht! Beschreibung des Setup-Prozesses folgt:

Ich habe einen frisch heruntergeladenen html5blank Ordner in/themes/gelöscht und aktiviert. Danach habe ich einen anderen Ordner in/themes/namens "html5blank-child" erstellt. Innerhalb dieser habe ich eine neue, leere style.css und functions.php erstellt.

Innerhalb style.css Ich habe folgendes:

/* 
Theme Name: HTML5 Blank Child 
Theme URI: http://example.com/twenty-fifteen-child/ 
Description: HTML5 Blank Child Theme 
Author:  My Name 
Author URI: http://myportfolio.com 
Template:  html5blank 
Version:  1.0.0 
License:  GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Tags:   light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready 
Text Domain: html5blank-child 
*/ 

Und innerhalb functions.php ich habe:

<?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'); 
} 
?> 

Mit all das getan, ich mein Kind Thema aktiv. Nach all dem scheint alles noch zu funktionieren. Da ich statische Vorlagen der Website erstellt habe, lege ich meine Ordner 'img', 'css', 'font' und 'js' in den html5blank-child.

Jetzt ist meine ‚tatsächliche‘ CSS-Datei hat einen Weg: html5blank-Kind/css/main.css

Ich brauche in dieser Datei zu laden, wurde mir gesagt, mein functions.php CSS Pfad anzupassen. an: /css/main.css ... aber die Datei wird überhaupt nicht geladen. Ich habe auch versucht, get_stylesheet_directory_uri() anstelle von get_template_directory_uri() zu verwenden, wie von jemand anderem empfohlen wurde, aber kein Glück!

Der Grund, warum ich den Prozess so dokumentiert habe, ist das letzte Mal, als ich zu diesem Punkt ging, wenn ich auf den Wordpress-Admin mit http://localhost:8888/websitename/admin zugreifen wollte, wird es nicht auf wp-admin umleiten, wie es normalerweise tut. Auch wenn ich einen Beitrag speichern wollte, habe ich eine leere Seite bekommen. Glücklicherweise passiert das diesmal nicht, also denke ich, es ist ein guter (besserer) Start, aber jetzt muss ich meine Dateien laden.

Hoffe, dass jemand helfen kann! :)

Answer 1

Sie müssen die style.css von Hauptthema zuerst in der style.css des untergeordneten Themas importieren.

Verwenden Sie @import, um zuerst die CSS-Datei zu importieren.

Auch die Eltern-Stil von functions.php des Kindes Thema entfernen, und dann schließen Sie Ihre html5blank-Kind/css/main.css wie die folgenden gegeben,

add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles'); 
function my_theme_enqueue_styles() { 
    wp_enqueue_style('child-main', get_stylesheet_directory_uri() . '/css/main.css'); 
} 

Answer 2

Legen Sie die style.css Mutter Themen zuerst , laden Sie dann Ihre Child Theme CSS wie folgt:

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'); 
    wp_enqueue_style('child-main', get_stylesheet_directory_uri() . '/css/main.css', array('parent-style')); 
}