WebMan Design startet Abs, zusätzliche Stile für native WordPress-Blöcke – WP Tavern

1. April 2022
WebMan Design startet Abs, zusätzliche Stile für native WordPress-Blöcke - WP Tavern

WebMan Design Inhaber Oliver Juhas hat die erste Version des Abs – Zusätzliche Blockstile Plugin am Montag. Im Gegensatz zu vielen blockbezogenen Erweiterungen bietet es keine eigenen Blöcke. Stattdessen registriert es benutzerdefinierte Stile, um diejenigen zu verbessern, die mit Core WordPress gepackt sind.

Insgesamt fügt das Plugin 18 Stile hinzu. Einige sind spezifisch für einen einzelnen Block, z. B. Ausgeblendete Barrierefreiheit, wodurch unsichtbare Überschriften erstellt werden, die für Bildschirmleseprogramme verfügbar sind. Andere, z. B. der Schlagschattenstil, sind für mehrere Blöcke registriert.

Im Großen und Ganzen ist es ein abgerundetes Set, das sich oft in praktischere Anwendungsfälle einfügt. Die Stile Überlappung oben und Überlappung unten passen in dieses Szenario. Ersteres ermöglicht es Benutzern, Image, Cover und andere Blöcke nach oben zu stoßen und den Abschnitt überlappend zu überlappen. Letzteres geht in die entgegengesetzte Richtung.

WordPress-Post-Editor mit einem Bildblock, der über einen Block mit blauem Hintergrund verschoben wird.
Bildüberlappender Abschnitt darüber.

Der Nachteil solcher Überschneidungen besteht darin, dass der Benutzer nicht steuern kann, wie weit der Block nach oben oder unten verschoben wird. Negative vertikale Randsteuerung sind eine begehrte Funktion in WordPress, die oft notwendig ist, um spezielle Layouts zu erstellen.

Juhas hat eine --abs_overlap_value Benutzerdefinierte CSS-Eigenschaft. DIY-Benutzer könnten dies über CSS steuern. Zumindest könnten Theme-Autoren direkt in das Plugin integrieren. Möglicherweise möchten sie jedoch einfach die Stile für ihre eigenen Themen registrieren, wenn sie sich die Mühe machen.

Während die Plugin-Stile in vielerlei Hinsicht praktisch sein können, hat Juhas auch ein wenig Laune in den Mix geworfen. Fast als Signatur bietet fast jedes ähnliche Plugin mindestens eine SVG-Maske für bildbezogene Blöcke. Abs folgt mit seinem Pinselstil dem gleichen Weg:

Foto von Farbdosen mit einem ausgeschnittenen Umriss in Form von Pinselstrichen.
Auf ein Bild angewendeter Pinselstil.

Das ist die einzige svg-Maske im Plugin, ein Stil, der fast übertrieben wurde. Zumindest bricht die Option Pinsel mit der Form der "Blob-Formen", die alltäglich geworden sind.

Juhas hat mehrere Beispiel-Screenshots und GIFs auf der Plugin-Seite, die untersuchen, wozu das Plugin in der Lage ist, viele von ihnen mischen und kombinieren verschiedene Blöcke und Stile. Es ist unwahrscheinlich, dass ich dem hier gerecht werde. Ich habe mich jedoch an mehreren Layouts versucht.

Eine meiner Lieblingskreationen war das Mischen des Wavy-Stils für den Media & Text-Block mit Zigzag for Separator:

Medien- und Textblock im WordPress-Editor. Bild ist auf der linken Seite mit einem wellenförmigen Rand auf der rechten Seite.  Auf der rechten Seite des Bildes befindet sich ein Demotext mit Trennzeichen in einem Zickzackmuster.
Wellenförmiger Stil für Medien und Text mit einer Mischung aus Zigzag Separator-Blöcken.

Abs enthält auch eine Double Line-Option für den Separatorblock. Aber das Plugin glänzt am meisten mit Media & Text. Ich kann nur vermuten, dass Juhas es sich angeschaut hat und erkannt hat, dass nicht genug Designer etwas Interessantes damit gemacht haben und die Verantwortung auf sich genommen haben. Das ist jedenfalls nur eine Vermutung.

Das Plugin fügt einen Pinselstil für Medien und Text hinzu, wie es für andere Bildblöcke der Fall ist. Es hat auch eine Media on Top-Option zum Stapeln des Blockinhalts auf Desktop- und mobilen Displays und eine ähnliche Stacking-Option für Tablets. Es unterstützt die beiden zuvor erwähnten überlappenden Stile. Außerdem können Benutzer einige Kilometer aus der Gradientenvariation ziehen, wie im folgenden Screenshot gezeigt:

Lila Bild des Inneren eines Gaming-Computers im Media & Text-Block im WordPress-Post-Editor. Auf der rechten Seite wird ein violetter Hintergrund in das Bild eingeblendet und überlappt es leicht.
Verlaufsstil, der für den Block Medien und Text verwendet wird.

Ich kratze nur an der Oberfläche der Möglichkeiten mit den Out-of-the-Box-Stilen des Plugins. Mit der Zeit und Kreativität können Benutzer damit einige einzigartige Layouts erstellen.

Ich habe Abs gegen mehrere blockbasierte Themen getestet, und es hat sich gut gehalten. Die einzigen Probleme, auf die ich gestoßen bin, bezogen sich wahrscheinlich auf das Ausführen des neuesten Gutenberg-Plugins. Nach der Auswahl einer benutzerdefinierten Farbe bei Verwendung des Zigzag-Stils für den Trennblock überholt die Hintergrundfarbe die Form. Und die Ausrichtungsstile für den Spaltenblock werden im Editor nicht nach links oder rechts ausgerichtet. Sie arbeiten jedoch am Frontend.

Ich bin ein Fan von Plugins, die benutzerdefinierte Stile anbieten, und Abs ist eine willkommene Abkehr vom Karussell der Blockbibliotheken. Es hat gerade genug Abwechslung, um diejenigen zu erfreuen, die nach geschäftsfreundlichen Designoptionen suchen, ohne Benutzer zu vernachlässigen, die nur ein wenig Spaß haben wollen.

Quelle


Dieser Artikel ist im Original von wptavern.com und wurde übersetzt
https://wptavern.com/webman-design-launches-abs-additional-styles-for-native-wordpress-blocks

Abonniere den RSS-Feed von unseren WP News und verpasse keine Meldung: https://die-mainagentur.de/feed/?post_type=wp-news

Alternativ kannst du unseren WP-Newsletter abonnieren

Mit dem Eintrag in den WP-Newsletter bekommst du per Mail über neue Artikel zugesendet. Du kannst den Newsletter jederzeit abbestellen.
Mehr dazu in der Datenschutzerklärung