Bereiche in der Block-Editor-Sidebar ausblenden

Die Dokument-Sidebar des Block-Editors ist in unterschiedliche Bereiche unterteilt, etwa einen für das Beitragsbild und bei Beiträgen einen für Schlagwörter. Manchmal kann es sinnvoll sein, bestimmte Bereiche auszublenden, um die Sidebar übersichtlicher zu machen, etwa wenn keine Beitragsbilder genutzt werden. Hier zeige ich, wie das funktioniert.

Jeder Bereich in der Sidebar hat einen eigenen Bezeichner, über den er entfernt werden kann. Wie die Bereiche heißen, kann im GitHub-Repo von Gutenberg herausgefunden werden, dort gibt es ein Verzeichnis mit dem Code für die Standard-Sidebar-Bereiche.

Öffnet man da beispielsweise die index.js des featured-image-Ordners, findet sich folgende Zeile im Code:

const PANEL_NAME = 'featured-image';

featured-image ist der Bezeichner, den wir für das Ausblenden benötigen. Der Editor bietet uns eine Funktion removeEditorPanel, die als Parameter einen Bereichs-Bezeichner erwartet und diesen Bereich dann ausblendet.

Für das Beitragsbild sieht das wie folgt aus:

wp.domReady( () => {
	const { removeEditorPanel } = wp.data.dispatch('core/edit-post');

	// Remove featured image panel from sidebar.
	removeEditorPanel( 'featured-image' );
} );

Damit sollte der Beitragsbild-Bereich nicht mehr ausgegeben werden. Das lässt sich im Zusammenspiel mit der Prüfung auf bestimmte Beitrags-Typen zum Beispiel auch nur auf Seiten einschränken.

Wenn ihr noch keinen Code für den Block-Editor geschrieben habt, könnten meine Beiträge »Einrichtung von Webpack für die Gutenberg-Entwicklung« und »Alternativen Stil für Gutenberg-Block erstellen« bei KrautPress hilfreich sein.

Das könnte auch interessant sein

Schreib einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.