Wordpress Child-Theme CSS Reflektieren nicht auf Website

Question

Ich habe ein Wordpress Kind-Theme semi-erfolgreich erstellt. Mit dem erfolgreichen Abschluss meine ich:

1. ich es geschafft, ein Kind-Theme-Verzeichnis in meine Themen Ordner, neben meinem Hauptthema
2. ich eine style.css-Datei erstellen erstellt im Kind-Thema dir
3. Ich sah den Style auf meinem Wordpress-Backend und konnte ihn aktivieren.
4. Ich habe Templates (header.php, sidebar.php, ...) in das Verzeichnis
5. hinzugefügt. Ich habe Änderungen an den obigen Templates vorgenommen und sah die Änderungen auf meiner Website

Allerdings gibt es ein großes Problem:

1. Was CSS Ich versuche, die style.css-Datei hinzuzufügen, es ist nicht die Seite zu beeinflussen

ich die „Header-Informationen“ wissen muss in Ordnung, da ich das Kind-Thema sehen/aktivieren konnte. Aber ich kann wirklich nicht herausfinden, was falsch ist. Ich habe versucht, die @ import-Regel zu entfernen, die nach dem Wordpress-Codex alle Stile von meiner Website entfernen sollte - nichts passierte.

Ich benutze das Panorama Thema und habe als Kind "Panorama-Technik" erstellt. Im Folgenden finden Sie den Code sehen kann ich innerhalb des Kind-Thema in der Datei style.css haben: „Panorama-Technologie“:

/* 
Theme Name: panorama-technology 
Template: panorama 
*/ 

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

#search{ 
margin: 15px 15px 0 0; 
} 

Answer 1

Zuerst würde ich einen absoluten Pfad versuchen sicher zu sein, dass der Pfad nicht ist das Problem. Wenn das das Problem nicht löst. Platziere den @ import ganz oben in der css-Datei oder direkt nach dem letzten "* /". Ich denke, weißer Raum ist wahrscheinlich der Schuldige hier.

Answer 2

WouterB, hatte ich das gleiche Problem mit meinem Kind Thema laden im Backend, und Kind php Seiten überschreiben die übergeordneten Thema PHP-Seiten, aber KEIN Kind CSS ändert laden, um die übergeordneten Stile zu überschreiben.

Also, obwohl mit anderen Codierung, stellt sich heraus, dass mein Elternthema so geschrieben wurde, dass der Header auch nach dem Stylesheet im Vorlagenverzeichnis suchte, also war Ihre Lösung im Konzept genau richtig.

So kann durch den Aufruf im Header Wechsel von:

<link rel="stylesheet" type="text/css" 
    href="<?php echo get_template_directory_uri();?>/style.css" /> 

zu:

<link rel="stylesheet" type="text/css" 
    href="<?php echo get_stylesheet_directory_uri();?>/style.css" /> 

--did den Trick wie Magie. Zumindest soweit ich das beurteilen kann.

Sie erhalten einen großen Kredit in meinem Buch!

Answer 3

aus caching Achtung:

1. wp Cache-Plug-ins

2. Serverseitigen Cache (APC usw.

   )

3. lokalen Browser-Cache

Answer 4

nicht importieren verwenden.

Fügen Sie die Zeit nach css uri für die Aktualisierung jedes Mal hinzu.

In Ihrem function.php

function child_style() { 
    wp_enqueue_style('parent-child', get_stylesheet_uri().'?'.time()); 
} 
add_action('wp_enqueue_scripts', 'child_style', 20);