Child-Theme angelegt, aber das Eltern-Theme wird weiter ausschließlich geladen

Thomas Kujawa

Nach dieser https://patmo.de/1383-child-the…press-erstellt/ und anderen Anleitungen habe ich ein Child-Theme angelegt.

Trotz Aktivierung bleibt das Eltern-Theme aktiv. Im Quelltext lese ich

[COLOR=#881280][FONT=monospace]<link [/FONT][/COLOR][FONT=monospace]rel[/FONT][COLOR=#881280][FONT=monospace]='[/FONT][/COLOR][FONT=monospace]stylesheet[/FONT][COLOR=#881280][FONT=monospace]' [/FONT][/COLOR][FONT=monospace]id[/FONT][COLOR=#881280][FONT=monospace]='[/FONT][/COLOR][FONT=monospace]b3theme-css[/FONT][COLOR=#881280][FONT=monospace]' [/FONT][/COLOR][FONT=monospace]href[/FONT][COLOR=#881280][FONT=monospace]='[/FONT][/COLOR][FONT=monospace][size=12][domain]/wp-content/themes/b3/style.css[/SIZE][/FONT][COLOR=#881280][FONT=monospace]' [/FONT][/COLOR][FONT=monospace]type[/FONT][COLOR=#881280][FONT=monospace]='[/FONT][/COLOR][FONT=monospace]text/css[/FONT][COLOR=#881280][FONT=monospace]' [/FONT][/COLOR][FONT=monospace]media[/FONT][COLOR=#881280][FONT=monospace]='[/FONT][/COLOR][FONT=monospace]all[/FONT][COLOR=#881280][FONT=monospace]' />

Kann mir jemand helfen bzw. einen Tipp geben, was ich verkehrt mache oder wo ich anfangen kann zu suchen.

Danke.[/FONT][/COLOR]

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

ja das style.css des Elternthemes soll ja geladen werden,
im style.css des Child Themes sollten nur Änderungen drin stehen.

Thomas Kujawa

Danke, Monika, für die schnelle Rückmeldung.

Jetzt habe ich die wichtigsten Sätze vergessen. Egal welche Änderungen ich in die style.css des Child-Theme schreibe, es ändert sich nichts an der Ausgabe. Nehme ich jedoch die gleiche Änderung im Parent Theme wird die Layoutänderung sofort umgesetzt.

Was das Laden angeht, ich dachte, der Browser muss die childtheme/style.css laden und darin ist der Code aus der parenttheme/style.css dann enthalten?

In meinem obigen Beispiel ist B3 (leider) das Parent-Theme und nicht das Child-Theme. Vielleicht war es jetzt deutlicher.

Woogie-Design

Ein Link zur Seite wäre manchmal echt hilfreich...

Du brauchst beide css Dateien wenn Du ein Child-Theme nutzt. Du könntest auch das CSS aus dem Parent Theme in das Child Theme includieren oder rein kopieren und somit nur eins laden.
Aber wir sehen atm nicht was überhaupt geladen wird.

Monika

wie sieht die style.css des Child Themes aus

wird dort ganz oben die style.css des Parent Themes mit ... eingebunden?

wenn nicht: was steht in der functions.php des Child Themes zum Einbinden von der style.css?

Thomas Kujawa

Das ist eigentlich kein Problem: Hier die Startseite http://j.mp/1emjDt - via autooptimize sind css und js jeweils zusammengefasst.

Hier der Screenshoot aus der Themeverwaltung: https://yadi.sk/i/KSvYs-Q0mq7FD

Wenn mehr benötigt wird, bitte einfach melden.

Monika

Zitat von Thomas Kujawa

Das ist eigentlich kein Problem: Hier die Startseite http://j.mp/1emjDt - via autooptimize sind css und js jeweils zusammengefasst.
Hier der Screenshoot aus der Themeverwaltung: https://yadi.sk/i/KSvYs-Q0mq7FD
Wenn mehr benötigt wird, bitte einfach melden.

ja ich brauche den Code der Dateien, die ich oben in meinem Beitrag nannte

während es Probs auf der Site gibt schaltet man alles aus was Scripte zusammenführt, weil sonst Helfende irr umständlich helfen können.

Bitte deaktiviere Autooptimize solang was nicht stimmt:-)

Thomas Kujawa

o.k.

https://etherpad.net/p/r.422495b7f6771376987e6a9ee0d487b1

if_Patmo

Zitat von Thomas Kujawa

o.k.
https://etherpad.net/p/r.422495b7f6771376987e6a9ee0d487b1

Hi Thomas,

ich gehe jetzt mal davon aus, dass nur im Etherpad keine Zeilenvorschübe in den Dokumenten sind...

Den von dir verlinkten Beitrag musste ich bereits anpassen, weil die Art der Vererbung nun in Wordpress etwas anders geregelt wird und der Import im style.css nicht mehr zum Best Practice gehört. (Anmerkungen im Beitrag werden folgen).

Versuche mal bitte folgende Änderungen:

1.) style.css
Entferne darin die komplette Zeile mit @import_url...

2.) functions.php
Füge dort direkt nach dem öffnenden <?php folgendes ein:

PHP

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
// Unter diesem Kommentar können eigene Funktionen eingefügt werden

damit sollte dann dein CSS des Eltern Themes vererbt werden und im Quellcode deiner Seite nur noch die style.css-Verlinkung deines Child Themes auftauchen.

Thomas Kujawa

Zitat von if_Patmo

ich gehe jetzt mal davon aus, dass nur im Etherpad keine Zeilenvorschübe in den Dokumenten sind...

so ist es.

Zitat von if_Patmo

Versuche mal bitte folgende Änderungen:

Du bist mein Held !

Jetzt werden die Änderungen - testweise drei - auch durchgeführt. Merci !

Thomas Kujawa

Zu früh gefreut. :shock:

Da hatte sich wohl was im Cache verheddert.

Eltern-Theme

css: http://j.mp/1ZqaKcb

Child-Theme funtions.php

PHP

<?php// Exit if accessed directly
if ( !defined('ABSPATH')) exit;




/* Add custom functions below */




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




function jetpackme_related_posts_headline( $headline ) {
$headline = sprintf(
            '<h2 class="jp-relatedposts-headline">%s</h2>',
            esc_html( '&Auml;hnliche Beitr&auml;ge' )
                   );
            return $headline;
}




add_filter( 'jetpack_relatedposts_filter_headline', 'jetpackme_related_posts_headline' );

Alles anzeigen

Child-Theme css: http://j.mp/1ZqaN7O

Bin nun ratlos.

if_Patmo

Die style.css deines Eltern Themes wird noch korrekt verlinkt. Die deines Child Themes nicht. Statt dessen wird noch einmal das Eltern Theme eingelesen, nur beim zweiten Mal mit einer anderen id.

Versuche bitte mal folgendes (nach Codex):
Ersetze in der functions.php deines Child Themes den Teil

PHP

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

mit dem folgenden Teil:

PHP

function 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 ));
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

Dadurch sollte sowohl Reihenfolge als auch id und verwendetes style.css dann passen.

Thomas Kujawa

so, die funtions.php & style.css Ergänzungen sind nun im Child-Theme und werden auch sichtbar.

Es waren nur einzelne !important zu ergänzen.

Vielen Dank noch einmal für die Unterstützung !!!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Child-Theme angelegt, aber das Eltern-Theme wird weiter ausschließlich geladen

Jetzt mitmachen!