Beitragsbild

WordPress Parent Theme Stile in Child Theme entfernen

Ich arbeite gerade an der Erstellung eines Child Themes auf Basis des Twenty Twenty-Four Themes. Dabei fiel mir auf, dass es keine richtige Lösung gibt, um die Stile des Twenty Twenty-Four Themes im Child Theme auszublenden. Dafür gibt es aber einen Workaround. Es reicht aus, wenn man den Stil einfach neu im Ordner /wp-content/themes/child-theme-name/styles anlegt ohne Einstellung oder Styles einzugeben.

Beispiel ember.json

Der Code des Stils Ember mit der ember.json Datei im Parent Theme Ordner sieht folgendermaßen aus. Ich habe ihn für die Übersicht etwas gekürzt.

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"version": 2,
	"title": "Ember",
	"settings": {
		"color": {
			"duotone": [
				...
			],
			"gradients": [
				...
			],
			"palette": [
				...
			]
		},
		"typography": {
			"fontFamilies": [
				...
			]
		}
	},
	"styles": {
		"blocks": {
			...
		},
		"elements": {
			...
		}
	}
}

Um diesen Stil im Child Theme auszublenden legen wir nun die /wp-content/themes/child-theme-name/styles/ember.json an. Diese benötigt dann nur die ersten drei Eigenschaften. So sieht die komplette Datei aus:

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"version": 2,
	"title": "Ember"
}

Das reicht aus und der Stil Ember wird im Designer nicht mehr unter Stile angezeigt.

Hier der Unterschied vorher/nachher:


Kommentare

Schreibe einen Kommentar