WordPress Gutenberg Editor: Bessere Ansicht der Blöcke

Plugin Editor Block Outline

Aber WordPress wäre nicht WordPress, wenn es nicht tolles Plugin für diesen Umstand gibt. Das Plugin Editor Block Outline ist simpel und belastet das System sehr gering.

Installation

Ihr geht in eurem WordPress im linken Menü auf Plugins und im Untermenü auf Installieren.

Dort gebt ihr im Suchfeld Editor Block Outline ein und wartet kurz. Dann wird euch das Plugin angezeigt und klickt auf Jetzt installieren .

Einstellung

Um das Plugin einzustellen, müsst ihr gerade eine Seite, einen Post oder einen Custom Post Type bearbeiten.

Sollte auf der rechten Seite nicht in der Favoritenleiste das Symbol angezeigt werden,

was wie eine Raute aussieht, klickt ihr auf die drei Punkte.

Danach wählt in Plugin-Auflistung Gutenberg Outlines aus. Dann können die verschiedenen Optionen einstellen:

When to show block outline?

Standard ist Hover, wo die Umrandungen bei aktiven Auswahl mit der Maus oder dem drüberschweben angezeigt wird. Mit Always dauerhaft ein- und mit Disable ausgeblendet.

Show block name

Das zeigt euch in der Umrandung den Namen des Elements an.

Outline color

Die Farbauswahl der Umrandung.

Outline style

Für den Rand stehen 3 Möglichkeiten zur Auswahl: Durchgezogen(Einfarbig), gestrichelt(dashed) und gepunktet(Dotted).

Outline opacity

Damit kann eine Transparenz für die Umrandung gestellt werden.

Im Einsatz

Nun seht ihr immer wo welcher Block liegt und hilft bei der Auswahl von bestimmten Blöcken, vor allem wenn sie sehr dicht nebeneinander liegen.

Kadence Theme und Blocks

Im Zusammenspiel mit dem WordPress-Theme Kadence Theme und der Erweiterung Kadence Blocks funktioniert das Plugin einwandfrei und erleichtert euch das Arbeiten enorm.

Mit den dieser Zusammenstellung habt ihr übrigens ein vollwertige Pagebuilding-System, wie Elementor oder Divi, jedoch ist es ein Leichtgewicht. Genauso überzeugt es bei den wichtigen Rankingwerten Web Vitals von Google.

Quellen

• https://de.wordpress.org/gutenberg/
• https://wordpress.org/plugins/editor-block-outline/
• https://kadence-theme.com/*
• https://www.kadenceblocks.com/*

^{*Affiliate-Links}

Seit 2000 beschäftige ich mich mit Webentwicklung und seit 2006 mit WordPress. Neben Webentwicklung und Wartung mache ich auch Schulungen in WordPress.
Ich optimiere Webseiten und Social Media Kanäle, so das Kunden und auch die Suchmaschinen zufrieden sind.

• Webentwicklung
• Update-Service für WordPress
• WordPress-Schulungen
• Social-Media Checkups
• Suchmaschinenoptimierung(SEO)