FSE-Programm: Einblicke in den Wechsel zwischen Blockthemen

Veröffentlicht: 2021-09-09

Im Gegensatz zu routinemäßigen Testrunden für das FSE-Outreach-Programm hat Anne McCarthy heute früher im Make WordPress Test-Blog eine kleine Wendung genommen. Die Ankündigung fordert die Benutzer auf, darüber nachzudenken, was sie sehen möchten, wenn sie zwischen Blockthemen wechseln. Der Test steht allen offen, die bis zum 29. September teilnehmen möchten.

Die Stufen sind lose und nicht erforderlich. Das Ziel ist es, die Leute zum Nachdenken und Diskutieren anzuregen, wie der Ablauf des Themenwechsels im Laufe der Zeit aussehen wird. McCarthy stellte mehrere Fragen, aber sie sind nur ein Ausgangspunkt für eine offenere Diskussion.

Obwohl ich manchmal Struktur brauche, neige ich dazu, die Regeln zu brechen. Das Format dieses Tests hat mir heute gut gepasst.

Ich bin niemand, der Themen wechselt. Seit ich vor über einem Jahrzehnt gelernt habe, wie man für WordPress designt, bin ich nie von einem Thema zum nächsten gewechselt. Zumindest nicht so, wie es der durchschnittliche Benutzer tun würde. Stattdessen habe ich jedes Mal, wenn ich meinen Websites einen neuen Anstrich verpasst habe, die Grundlage einfach auf das umgestellt, woran ich gerade gearbeitet habe. WordPress-Themes waren für mich immer nur eine Iteration des letzten Projekts.

Einer der Eckpfeiler der Programmierung ist die Wiederverwendung Ihres Codes, und dieses Prinzip habe ich mir zu Herzen genommen. Sogar jetzt, während ich weiterhin das Design von Block-Themes erforsche, tue ich dies von einer entkernten Version des letzten WordPress-Themes, das ich erstellt habe.

Wenn ich daran denke, Themen zu wechseln, ist das keine Erfahrung, an die ich gewöhnt bin. Selbst als ich anfing, für WP Tavern zu arbeiten, verwendete die Seite bereits eines meiner Themen mit einigen Anpassungen. Es fühlt sich an, als hätte ich etwas verpasst. Während meiner gesamten Reise mit WordPress seit Version 1.5, in der die Plattform erstmals Themes einführte, habe ich den Theme-Switching-Prozess nie wirklich auf die grundlegendste Weise erlebt. Das werde ich bald, aber darüber reden wir an einem anderen Tag.

Wenn ich Themen „umgeschaltet“ habe, habe ich dies in Testumgebungen getan, um darüber zu schreiben oder den technischen Support für Endbenutzer auszuführen.

Der Aufruf zur Exploration konzentrierte sich hauptsächlich auf globale designbezogene Merkmale. Meiner Erfahrung nach sind diese jedoch in der Regel weitaus weniger wichtig als das, wie der Inhalt eines Benutzers aussehen wird. Das erste, was ich beim Testen eines Themas tue, ist, einen Demo-Beitrag zu laden. In letzter Zeit war dies der Testpost „Willkommen im Gutenberg-Editor“. Die primäre Frage: Kann ich den Inhalt bequem lesen? Wenn ich über diese Stufe nicht hinauskomme, deaktiviere ich das Theme einfach.

Für dieses Experiment habe ich drei Themen ausgewählt:

  • Mein benutzerdefiniertes, unveröffentlichtes Projekt
  • TT1-Blöcke
  • Quadrat

Ich begann mit dieser Grundlage, um zu testen, wie einfach es war, einen einfachen Blogbeitrag zu lesen.

Insgesamt schnitt jedes Thema bewundernswert ab. Quadrats Verwendung des vorgestellten Bildes in einem einzigen Beitragsaufruf fühlte sich jedoch fehl am Platz an.

Eine Frage, die mich nachts wach hält, ist, wie die Cross-Theme-Kompatibilität auf inhaltlicher Ebene funktionieren wird. Die Standardblockausgabe sollte ohne oder mit geringen Problemen von einem Thema zum nächsten übersetzt werden. Benutzerdefinierte Blockstile, Schriftgrößen, Farben und die gesamte Palette der Voreinstellungen sind jedoch bereits ein Problembereich.

Dies ist kein neues Gespräch. Es gibt eine anhaltende Diskussion über die Standardisierung einiger Funktionen. Aber die Katze ist schon aus dem Sack und läuft frei durchs Haus.

Globale Styles und Templates sind Features, mit denen sich Themer in der einen oder anderen Form seit Jahren beschäftigen. Die neuen Systeme sind nur verschiedene Möglichkeiten, dasselbe zu tun.

Wenn jedoch Designelemente mit Inhalten verschmelzen, wird der Themenwechsel ohne ein zugrunde liegendes, standardisiertes System komplexer. Um diesen Punkt zu veranschaulichen, habe ich alle drei meiner Testdesigns mit einem Beitrag verglichen, der benutzerdefinierte Blockstile, Verlaufsfarben und Schriftgrößen verwendet hat. Ich wollte die Grenzen eines einfachen Blogbeitrags erweitern.

Der Inhalt wurde mit meinem benutzerdefinierten Design und einer „Open Canvas“-Vorlage erstellt. Quadrat hatte eine ähnliche Vorlage zum Ausblenden des Beitragstitels, TT1 Blocks jedoch nicht.

Das Ergebnis war, ähm , grob:

Natürlich sieht mein benutzerdefiniertes Design so aus, wie es sollte. Das soll nicht heißen, dass TT1-Blöcke und Quadrat schlecht gestaltet sind. Sie sind tatsächlich zwei der besten derzeit verfügbaren Blockthemen. Das Problem ist, dass sie nicht die gleichen Blockstile und Voreinstellungen haben. WordPress und Gutenberg fehlen auch einige grundlegende Layout-Tools, die es einfacher machen könnten, dieses Design von einem Thema zum nächsten zu übertragen.

Das komplexeste Stück des Designs ist das Öffnungs-Cover-Block-Muster:

Technisch gesehen ist dies ein Cover-Block innerhalb eines anderen. Die untere Ebene hat ein Hintergrundbild mit einem Duotone-Filter und legt den inneren Inhalt auf 90 % Breite des übergeordneten Elements fest. Die zweite Ebene hat einen themendefinierten Verlaufshintergrund und setzt ihren inneren Container auf der linken Seite auf 50 % Breite. Außerdem hat es eine Fülle von benutzerdefinierten Schriftgrößen.

Diese Layout-Steuerelemente sind nur durch benutzerdefinierte Blockstile oder einige hackige Verwendungen des Spaltenblocks möglich. Ich habe mich für Ersteres entschieden, weil es einfacher war, aber es bedeutet auch, dass sie kaputt sind, wenn sie mit einem anderen Thema verwendet werden.

Obwohl ich dies als den komplexesten Teil des Designs bezeichnet habe, ist es mit den meisten Seitenerstellern oder mit ein paar CSS-Zeilen eigentlich ganz einfach. Bis WordPress über eine Art Grid-Container-Block verfügt, verlassen sich Themenautoren auf benutzerdefinierte Techniken, um solche Layouts zu ermöglichen. Es kann und wird noch hässlicher werden, je länger wir warten.

Die offenen Diskussionen über die Standardisierung von Voreinstellungen wie Schriftgrößen und Farbnamen können Früchte tragen, die bei den trivialeren Teilen helfen könnten. Ich habe jedoch in dieser Diskussion keine Namen von Farbverläufen gesehen.

Ich habe mindestens einen Hintergedanken für diesen Test. Ich wollte schon lange mehr experimentelle Post-Designs und Layouts hier bei WP Tavern ausprobieren. Ich weiß jedoch, dass wir irgendwann die Themen wechseln werden. Diese Stimme in meinem Hinterkopf erinnert mich immer daran, dass diese individuell gestalteten Post-Layouts wahrscheinlich kaputt gehen werden, wenn dieser Tag kommt. Die Tools sind nicht fortschrittlich genug für mich, um den Sprung zu wagen. Jedenfalls noch nicht.

An diesem Punkt bin ich sicher, dass ich nicht länger der beabsichtigten Richtung des Aufrufs zur Erkundung folge. Aber ich lasse die Reise mich einfach dahin führen, wohin ich gehen soll. Mein Ziel ist eine Ergänzung meiner Wunschliste: robustere Layout-Tools, die von Thema zu Thema funktionieren.