Okay, was ist ein WordPress SiteBuilder? Shhh sagen Sie es niemandem, aber dies ist die wirkungsvolle Kombination eines Multilayout-Themas [think free Astra, Generate Press, OceanWP] mit einem Top-End PageBuilder [wie dem kostenlosen BeaverBuilder lite, Elementor oder VisualComposer.io]. Diese Kombinationswerkzeuge haben eine neue Kategorie der WordPress Frontend-UI-Entwicklung geschaffen - den WordPress SiteBuilder. Diese Kombination kann ein einzigartiges Aussehen und Layout liefern für eine oder alle Ihrer WordPress Seiten, Beiträge und benutzerdefinierten Beitragstypen. Noch besser liefern diese SiteBuilders auch:

• Frontend, Drag & Drop, WYSIWYG-Seiten-/Post-Layout und Design.
• Benutzerdefinierte Kopf- und Fußzeilen, Seitenleisten, Aufruf von Aktionsleisten usw., die auf Wunsch durch die Standardfunktionen ersetzt werden können.
• Die resultierenden Seiten/Posts sind voll reaktionsfähig und werden gut auf dem Desktop, Tablett oder Mobiltelefon angezeigt.
• Der Umfang der Designkontrolle für Farbe, Typografie, Layout und sogar Animation ist atemberaubend einfach zu gestalten.
• Die Tools bieten eine komplette Website oder eine Seite oder einen Abschnitt einer Seite Import- und Exportfunktionen - ideal für die Wiederverwendung auf Ihrer Website[n].

So hatte unser letztes Treffen in WordPress Toronto eine Live-Demo, die zeigte, was mit den neuen Sitebuilders möglich war. Gleichzeitig konnten wir auch einige allgemeine Designfragen untersuchen.

Das Demo-Setup

Es dauerte eine Weile, bis ein Freiwilliger für ein kostenloses Landing Page Design gefunden wurde, aber die Visagistin Mindy Bharji aus Brampton meldete sich freiwillig auf ihrer Website BeautyBliss.ca:
Dies war die ursprüngliche Beauty Bliss Website mit sechs Seiten und vielen guten Bildern und Galerien.

Und hier ist die gewünschte Website, die als Designvorlage für die von Mindy gesuchte Landing Page verwendet wurde:

Dieses Design hatte eine Reihe von Unterscheidungsmerkmalen und Stylings, darunter einen klebrigen Kopf, große Heldenbilder und markante 3 Spaltenabschnitte für Portfolio, Testimonials und Preise. Angesichts der starken Nutzung von Bildern sowohl auf der ursprünglichen als auch auf der gewünschten Website war auch die Medienverwaltung eine wichtige Aufgabe.

Aber bevor die Landing Page-Lösung enthüllt wurde, war ein Teil der Präsentation für die Präsentation des neuesten PageBuilders Brizy.io reserviert:
Brizy [ausgesprochen luftig] ist der neueste PageBuilder und hat in 2 1/2 Monaten 20.000 aktive Installationen gesammelt - doppelt so viele wie Gutenberg. Brizy verfügt über alle grundlegenden Funktionen der anderen Top-End PageBuilders, einschließlich der Möglichkeit, mit MultiLayout-Themen zu arbeiten. Das bedeutet, dass die Kombination aus Brizy und OceanWP-Thema zu einem SiteBuilder wird. Darüber hinaus hat Brizy 6-7 neue Funktionen, die sehr überzeugend sind und daher wahrscheinlich von den anderen Top-End PageBuildern kopiert werden.

Aber was Brizy für das Training nützlich macht, ist, dass es eine großartige Demo der SiteBuilding-Funktionen ist. So haben wir mit Brizy schnell eine 3-Seiten => 3-Sektionen-Website mit einer eigenen, einzigartigen Kopf- und Fußzeile erstellt. Darüber hinaus haben wir das Aussehen und Layout von Abschnitten mit Drag&Drop-Operationen geändert, die Bilder, Karten und verschiedene Textblöcke hinzufügen. Außerdem haben wir gezeigt, wie einfach es in Brizy ist, eine Seite in eine zweite volle Seite als Schieberegler zu konvertieren. Und dann war es mit den Brizy Styling Optionen einfach, das Aussehen dieser zweiten Sliderseite komplett zu ändern. Also haben wir andere Bearbeitungen durchgeführt und neue Funktionen ausprobiert, bevor wir zur Beauty Bliss Landing Page zurückkehren.

Die letzten 40 Minuten waren unserer Seite Beauty Bliss Landing gewidmet. Hier ist, was wir in 5 Stunden erstellt haben:

In den nächsten 40 Minuten haben wir mit Mindy's Anweisungen eine ganze Reihe von schnellen Styling Änderungen an der Landing Page vorgenommen. Es gibt eine vollständige Beschreibung des detaillierten Workflows. hier. Das ist die Stärke von Sitebuilders. Dort ermöglichen die PageBuilder-Wurzeln den Benutzern, detaillierte Styling-Änderungen an einem Widget oder der Spalte mit dem Widget oder der Zeile mit den Spalten vorzunehmen oder wieder bis zu dem Abschnitt mit den Zeilen. Was am interessantesten ist, ist, dass einige PageBuilder wie Brizy, Divi und Elementor diese Styling-Aufgaben bis zu einem gewissen Grad wirklich automatisiert haben.

Zusammenfassung

Wir hatten 39 Teilnehmer für dieses Meetup und 27 kamen trotz des heißen Wetters, der Ablenkung Englands Kroatiens bei der Weltmeisterschaft und einiger herausragender Viertelfinale der Herren im Wimbledon-Tennis. Es besteht eindeutig Interesse daran, dass PageBuilders durch Multilayout-Themen zu SiteBuilders erweitert werden.