Design: Nutze den Customizer + die blockbasierten Themes

Lesedauer so 1 Min.
Lernzeit ein wenig mehr 2024-April 2023-April

Illustation (var.) icame

Info echo

Ist der Classic-Editor schon zu kennen? –

"Advanced Editor Tools – ist so klasse!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo

Classic-Editor mit Advanced Editor Tools

"Advanced Editor Tools – Ausgezeichnet!"
Advanced Editor Tools; und NEU! – Classic Widgets

Info echo

Klassischen Editor anwenden! – und …

"Advanced Editor Tools – ist sehr gut!"
Advanced Editor Tools immer NEU – Classic Widgets

Info echo

… die Welt gehört dem, der sie genießt.

– mit Advanced Editor Tools!
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo

Aktive Installationen: 2+ Millionen

"Advanced Editor Tools – ist so fabelhaft!"
Advanced Editor Tools immer NEU! Classic Widgets

Info echo

Antörnend! – so gehts hier zur Lancierung

"Advanced Editor Tools – ist de luxe!"
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo

… Classic Widgets sind so praktisch!

"Classic Widgets – sind so grandiose!"
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo

Werkraum ist Werkraum – Frontend ist Frontend

Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker

"Advanced Editor Tools – ist so fein!"
Advanced Editor Tools immer NEU! – Classic Widgets

Ab der WordPress-Version 5.9 liegt der Fokus auf dem Full Site Editing (FSE). Für blockbasierte Themes ab Standard-Theme Twenty Twenty-Two ist es eventuell von Vorteil, per CSS einige Anpassungen vorzunehmen. Es gibt verschiedene Möglichkeiten, Änderungen direkt über die Eigenschaften der Blöcke vorzunehmen. Alternativ können auch CSS-Regeln über den Customizer definiert werden. Dieser Beitrag zeigt, wie der Customizer in das Dashboard-Menü eines Block-Themes integriert werden kann.

Block-Themes individuell anpassen
– mit nur wenigen Codezeilen

Customizer in Block-Theme aktivieren

Um den Customizer in einem blockbasierten Theme zu aktivieren, fügen Sie den folgenden Code in die functions.php-Datei des Themes ein:

/* Customizer für Block-Themes aktivieren */
add_action( 'customize_register', 'show_customizer' );
function show_customizer($wp_customize) {
	$wp_customize->add_control('placeholder', array());
}

Als Nachlese möchte ich mich bei dem engagierten Autor bedanken, der folgenden Artikel geschrieben hat: Customizer bei blockbasierten Themes wie Twenty Twenty-Two.

WordPress im Kontext des Block-Themes: