Erkundung der ersten Blockmuster, die im WordPress-Theme-Verzeichnis landen

Seit Monaten habe ich gespannt auf die offizielle Veröffentlichung von WordPress 5.5 gewartet, ein Update, das versprach, das lang erwartete Blockmustersystem in die Hände von Theme-Designern zu legen. Ich mag an dieser Stelle wie ein gebrochener Rekord klingen, aber Muster haben das Potenzial, die Entwicklung von WordPress-Themes zu revolutionieren, noch mehr als die bevorstehende vollständige Bearbeitung der Website.

Die Funktion sollte die Art und Weise, wie Entwickler WordPress-Themes erstellen, drastisch verändern. Wenn das volle Potenzial ausgeschöpft wird, können Themenautoren Dutzende von Themenoptionen loswerden und die meisten ihrer Seitenvorlagen löschen. Sie können sich weniger auf das Programmieren und mehr auf das Design konzentrieren, worum es bei Themes wirklich geht.

Um zu verstehen, warum Muster so revolutionär sind, müssen Sie das zugrunde liegende Problem verstehen, das es für Themenautoren und letztendlich Endbenutzer löst. In der gesamten Themengeschichte von WordPress gab es ein einziges übergreifendes Problem, das unzählige Probleme verursacht hat. Dies ist ein Problem, das die Hauptursache für mehrere Richtlinien war, die dem Theme-Überprüfungssystem von WordPress.org hinzugefügt wurden.

Dieses einzelne Problem kann seine Wurzeln fast ausschließlich auf die große Frage zurückführen: Wie können Themenautoren benutzerdefinierte Homepages erstellen und Endbenutzern problemlos erlauben, sie neu zu erstellen?

Egal, ob es sich um einen Schieberegler, Spalten mit Infoboxen oder einen Call-to-Action-Bereich handelt, WordPress hat nie wirklich eine Lösung bereitgestellt, auf die sich Theme-Autoren verlassen können. Um fair zu sein, haben viele Entwickler kreative und einzigartige Systeme um die Einschränkungen der Plattform herum gebaut. Diese Systeme waren jedoch spezifisch für ein einzelnes Thema oder eine Reihe von Themen eines einzelnen Unternehmens. Es gab keine Norm. Es gab nichts, was Theme-Designer dazu bringen würde, einfach das zu entwerfen, was auch immer sie an interessanten Dingen im Kopf hatten, und es den Benutzern zu ermöglichen, den Inhalt einfach auszufüllen.

Während ich sage, dass die Homepage der Site hier das zugrunde liegende Problem ist, erstreckt sich das Problem wirklich auf jede Seite der Site. Das Homepage-Design ist ein bisschen wie die Signatur des Theme-Autors. Es ermöglicht Designern, ihre Talente zu zeigen und Benutzer anzuziehen. Und seit über einem Jahrzehnt haben Themenautoren tausend verschiedene Methoden ausprobiert, nur um diese eine Seite richtig zu machen.

Muster sind so viel mehr. Das System erfordert nicht, dass Themenautoren zu PHP-Ninjas werden, um schöne Designs zusammenzusetzen. Es beschränkt Benutzer nicht auf ein Themenoptionsfeld zum Erstellen ihrer Homepage – sie können jede Seite auf ihrer Website mit den Mustern erstellen, die ihre Themen bieten.

Die große Sache ist, dass es die Frage „Wie erstelle ich eine benutzerdefinierte Homepage“ umstritten macht. Über diese Frage müssen sich Themenautoren nie wieder Gedanken machen, zumindest nicht mehr so ​​wie in den Vorjahren. Theming bewegt sich weg vom Erstellen von Designs auf Seitenebene und hin zum Entwerfen einzelner Blöcke und Abschnitte (Muster). Der Fokus ist viel atomarer , was den Benutzern mehr Flexibilität und Freiheit bietet.

Da ich nicht wochen- oder monatelang warten konnte, um zu sehen, was Themenautoren in dieses System eingebaut haben, wollte ich einen Blick darauf werfen, was die aktuellen Themen im offiziellen Themenverzeichnis tun. Es gab nicht viel zu sehen, aber zumindest einige Themenautoren sind bereit, die Pioniere in dieser neuen Ära der Thematisierung zu sein.

Derzeit funktioniert der Blockeditor-Musterfunktionsfilter für das Verzeichnis nicht. Technisch gesehen dürfen Theme-Autoren das block-patterns Tag nicht zu ihren Themes hinzufügen, aber es ist ein Patch verfügbar, der das Problem bald beheben sollte.

Bisherige Muster

Im Moment enthält das Themenverzeichnis nur drei Themen mit Blockmustern. Es ist nicht viel weiter zu machen, aber es ist interessant zu sehen, was Themenautoren bisher bauen.

UXL Themes hat kürzlich sein Cordero-Thema mit mehreren Blöcken aktualisiert. Eines der Dinge, die ich daran mag, wie Cordero seine Muster hinzugefügt hat, ist, dass es eine benutzerdefinierte Blockmusterkategorie „Cordero“ erstellt hat. Muster können in mehreren Kategorien vorhanden sein, aber die Konsolidierung aller benutzerdefinierten Muster des Themas in einer einzigen Gruppe machte es viel einfacher, sie zu entdecken. Dies ist eine Praxis, von der ich gerne mehr in der Zukunft sehen würde.

Die Muster von Cordero orientieren sich in erster Linie am typischen Business-Layout. Es enthält ein paar heroische Muster, einige Funktions-/Serviceboxen und Preistabellen.

Das Inclusive-Thema von Carolina Nymark, Vertreterin des Themes-Teams, hat mehrere Muster (es ist auch ein solides Thema, wenn Sie auf dem Markt nach einer guten barrierefreien Option suchen). Die interessantesten Muster dieses Themas sind seine zweispaltigen Muster mit Seitenleisten . Nymark hat im Wesentlichen den „Körper“ einer Seite mit Mustern erstellt. Das eine fügt links eine Seitenleiste hinzu und das andere Muster fügt sie rechts hinzu. Beide Muster haben eine Hauptspalte zum Hinzufügen von benutzerdefinierten Inhalten. Die Seitenleistenspalte ist standardmäßig mit Blöcken vom Typ Widget dekoriert.

Was diese Muster einzigartig macht, ist, dass sie fast wie ein Sprungbrett für die vollständige Bearbeitung der Website sind – alles, was ihnen fehlt, ist eine Kopf- und Fußzeile. Zugegebenermaßen war ich auf diese Art von Muster nicht vorbereitet und erwartete, dass Muster für kleinere Abschnitte verwendet werden, aber ich bin ein Fan des Experimentierens im inklusiven Thema.

Nymark hat zwei der aktuellen drei Themes mit Blockmustern im Verzeichnis. Ihr Deejay-Thema fügt ein einzelnes Muster hinzu, mit dem der Benutzer einen DJ-Profilabschnitt auf seiner Website erstellen kann. Es kombiniert Spalten, soziale Symbole, die Liste der neuesten Beiträge, eine Videoeinbettung und mehr.

Insgesamt gefällt mir die frühe Erforschung dieser neuen Funktion. Es ist nie einfach, als Erster Dinge auszuprobieren, daher begrüße ich die Themenautoren dafür, dass sie den Weg geebnet haben. Wir sind erst eine Woche nach der Veröffentlichung von WordPress 5.5, aber ich freue mich darauf, mehr zu sehen.

Wie gut lassen sich Muster zwischen Themen übertragen?

Eines der Versprechen des Blocksystems ist, dass es Benutzern ermöglicht, zwischen Themen zu wechseln und ihre Inhalte zu pflegen. Die Idee ist, dass jedes Design alle Blöcke so gestaltet, dass die Frontend-Ausgabe nicht kaputt aussieht.

Obwohl es nur eine kleine Stichprobengröße von drei Themen gibt, bin ich beim Wechseln zwischen ihnen auf einige Probleme beim Inhaltsstil gestoßen.

Im Allgemeinen entscheidet, je komplexer ein Muster ist und ob das Muster benutzerdefinierte Klassen verwendet, wie gut es von Thema zu Thema übertragen wird. Bilder könnten ebenfalls ein interessantes Problem darstellen, wenn der Benutzer entscheidet, das Bild eines Musters nicht durch sein eigenes zu ersetzen. Da das Bild im Designordner vorhanden wäre, wäre es nicht mehr vorhanden, wenn das Design deaktiviert und deinstalliert wird.