Jump to content

Open Club  ·  3 members

WordPress
WordPress

Bereiche in der Block-Editor-Sidebar ausblenden

Recommended Posts

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.

View the full article

Share this post


Link to post
Share on other sites

×
×
  • Create New...

Important Information

This website uses cookies and shit. Deal with it or GTFO!