Breakdance Builder installieren
Breakdance Builder installiert! - Wie geht es weiter?
Warum ich bei Breakdance gelandet bin
Bevor ich mit dem Breakdance Builder angefangen habe, war das Thema Website-Builder für mich nicht neu.
Meine bisherigen Webseiten liefen über Jahre hinweg Zeit mit Thrive Themes.
Mit der Arbeitsweise kam ich grundsätzlich gut zurecht.
Besonders gefallen hat mir, dass sich Seiten und Beiträge direkt im eigenen Builder bearbeiten ließen und das System dadurch relativ einheitlich wirkte.
Diese Arbeitsweise bei der ich die Seiten und Beiträge direkt im Builder bearbeiten kann sagt mir sehr zu.
Die Aufteilung bei der ich Templates im Website Builder und den Inhalt dann im Gutenberg Editor bearbeite und mittels Post content in das Template einfüge ist eine Vorgehensweise mit der ich mich nie so richtig anfreunden konnte.
Welche Vorteile diese Aufteilung auch haben mag. Für mich war es keine Option.
Das soll an dieser Stelle keine Wertung sein. Wer damit gut arbeiten kann kann das gerne tun.
Was mich bei Thrive im Laufe der Zeit aber zunehmend störte, war die teilweise recht verschachtelte Struktur.
Was anfangs aufgrund der Vielzahl der Optionen toll war um was Neues auszutesten, wurde dann mit der Zeit mitunter lästig.
Die Anzahl der Optionen war dann manchmal zu groß und ich verzettelte mich im austesten der verschiedenen Möglichkeiten.
Beim Neuaufbau von wiemacheich.marketing wollte ich deshalb prüfen, ob sich inzwischen eine etwas einfachere und flexiblere Lösung finden lässt.
Mein erster Versuch führte zu Divi.
Alle Infos die ich zu DIVI finden konnte deuteten darauf hin, daß ich hier mein neues Theme gefunden habe.
Das dachte ich zumindest am Anfang.
Der Aufbau der Seite ließ sich dann Anfangs auch gut an. Schnell hatte ich die Grundlegenden Funktionen verinnerlicht und die Seite nahm gestalt an.
Dann aber kam ich ins Stocken.
Gerade beim Aufbau von Beitrags-Templates stieß ich dann auf Probleme.
Das Zusammenspiel aus WordPress-Editor, Theme Builder und Beitrags-Template entsprach nicht der Arbeitsweise, die ich von Thrive gewohnt war.
Im Prinzip hätte ich mich damit arrangieren können.
Leider kam es dann bei der Darstellung der Beitragsseite zu Problemen an denen ich einige Zeit zu arbeiten hatte um sie in den Griff zu bekommen.
Mit Sicherheit hätte es dann irgendwann funktioniert, aber ich wurde den Gedanken nicht mehr los, das ein neues System bei dem ich gleich am Anfang schon Kompromisse in der Arbeitsweise machen musste, doch nicht das Tool meiner Wahl sein sollte.
Damit begann die Suche erneut.
So kam ich schließlich zum Breakdance Builder.
Die eigentliche Installation war dann überraschend einfach.
Mit dem offiziellen Grundlagenvideo ließ sich der Breakdance Builder schnell in Betrieb nehmen.
Danach stand ich allerdings vor der deutlich schwierigeren Frage:
Breakdance ist installiert | und was mache ich jetzt eigentlich als Nächstes?
Genau darum geht es in diesem Artikel.
Nicht um jede einzelne Funktion des Builders, sondern um den roten Faden, der mir nach der Installation zunächst gefehlt hat.
1.Breakdance Builder
Die Installation war nicht das eigentliche Problem

Breakdance installieren und aktivieren waren schnell erledigt.
Aber dann geht die Arbeit erst richtig los. das kann mir glaube ich jeder bestätigen, der einmal eine Webseite mit WordPress installiert hat.
Breakdance Builder
Er ist zu öffnen und zu bearbeiten wie ein WordPress Plugin. Das war technisch alles in allem kein großes Hindernis.
Die eigentliche Arbeit begann erst danach.
Breakdance Builder - Los geht's mit der Installation
Nun hatte ich einen neuen, für mich noch unbekannten Website-Builder vor mir mit seinen ganzen Einstellmöglichkeiten und eine ganzen Reihe von Funktionen.
Und damit kam die wesentlich wichtigere Frage:
Breakdance hast du installiert! Und was muss ich jetzt eigentlich als Nächstes tun?
Natürlich gibt es Tutorials, Videos und Dokumentationen zum Breakdance Builder in großer Anzahl bei Youtube und bei Breakdance selbst. Seiten anlegen, Einstellungen Vornehmen, Beiträge anlegen, Beitragsbilder einfügen usw.
Komplexe Vorgänge und einzelne Funktionen lassen sich damit auch gut nachvollziehen.
Ich konnte zum Beispiel herausfinden, wie bestimmte Elemente funktionieren, wo sich Einstellungen befinden oder welche Möglichkeiten der Builder grundsätzlich bietet.
Was mir dabei jedoch fehlte, war der Zusammenhang und welche der Funktionen brauche ich.
Welche Einstellungen sind am Anfang wirklich wichtig?
Was muss ich einstellen, wenn in einem Tutorial eine Funktion beschrieben wird, diese aber nicht zu meinem Vorhaben passt.
Meistens ist es so, daß ein Tutorial eine spezielle Vorgehensweise erklärt, man selbst aber eine etwas andere Richtung braucht. Und dann geht die Sucherei, wie man dahin kommt los.
Un überhaupt, fehlte mir trotz allen Details noch der Überblick. Was sollte ich global festlegen, bevor ich die erste Seite baue?
Welche Dinge kann ich zunächst ignorieren?
Und in welcher Reihenfolge ergibt das Ganze überhaupt Sinn?
Genau an diesem Punkt habe ich begonnen, KI nicht nur zum Beantworten einzelner Fragen zu nutzen, sondern als Begleitung für den gesamten Aufbau.
Statt mich von Tutorial zu Tutorial zu bewegen, entstand Schritt für Schritt ein roter Faden:
=> Frage stellen
=> Antwort erhalten und interpretieren
=> Hintergrund verstehen
=> Entscheidung treffen
=> selbst umsetzen
=> Ergebnis prüfen
=> nächsten Schritt festlegen.
Er zeigt vielmehr die Reihenfolge, die sich für mich nach der Installation als sinnvoll herausgestellt hat und welche Grundlagen ich klären würde, bevor der eigentliche Seitenaufbau beginnt.
2. Breakdance Builder Installation
Nicht sofort drauflosbauen
Als erstes brauche ich ein kleines Fundament
Nach der Installation vom Breakdance Builder war ich in Versuchung gleich loszulegen und die ersten Seiten direkt zu bauen.
Mit den vorhandenen Templates geht das auch sehr schnell.
"Bau dir deine Webseite in 15 Minuten" ist im Prinzip keine leere Versprechung.
Aber sie deckt bei weitem nicht das ab was ich mir vorstelle.
Genau das wollte ich aber vermeiden.
Bevor ich also den ersten größeren Seitenbereich aufgebaut habe, wollte ich zumindest einige grundlegende Entscheidungen treffen:
Und hier habe ich dann auch wieder die KI zu Rate gezogen um die verschiedenen zu treffenden Einstellungen in einem für mich neuen Website Builder zu überblicken.
Meine Anfragen sahen dann nicht so aus:
Bitte erstelle mir eine Seite mit den diesen Einstellungen und Schriftarten,
Sondern:
Bitte gibt mir eine Übersicht über die einzustellenden Parameter in Breakdance um den Header, die Hero-Section, die Über Mich Seite einzurichten.
Die vorgenommenen Einstellungen wurden dann auf Plausibilität, Optik und Konsistenz geprüft um eine einheitliche und sinnvolle Struktur zu bekommen.
-
Die grundlegenden Einstellungen bei der Einrichtung vom Breakdance Builder waren z.B.
-
Welche Schriften verwende ich?
-
Welche Farben gehören zur Website?
-
Wie sollen Buttons aussehen?
-
Mit welchen Einheiten arbeite ich?
-
Welche Breakpoints muss ich beachten?
-
Wie prüfe ich die Darstellung auf unterschiedlichen Geräten?
-
Das will ich nicht bis ins letzte Detail fixieren, aber zumindest so weit, dass ich diese Fragen nicht bei jeder neuen Sektion wieder von vorne beantworten muss.
Aus dieser Überlegung entstand dann für mich ein einfaches Prinzip:
Global vor lokal.
Alles, was sich später auf viele Seiten und Elemente auswirkt, sollte möglichst früh grundsätzlich festgelegt werden.
Das bedeutet nicht, dass vor dem ersten Seitenaufbau bereits jede Einstellung perfekt sein muss. Im Gegenteil: Zu viele Entscheidungen im Voraus würden das Projekt nur unnötig kompliziert machen.
Es geht zunächst nur um ein kleines Fundament bei der Breakdance Builder Installation.
Zu Klären waren dann:
Typografie | Diese sorgt für ein einheitliches Erscheinungsbild
Farben | Ein einheitliche Farbschema schafft eine klare visuelle Hierarchie
Buttons | Diese machen durch ein unterschiedlichen Design
wichtige und weniger wichtige Aktionen unterscheidbar
Einheiten | Diese helfen mir Größen und Abstände nachvollziehbar zu steuern
Breakpoints | legen die Grundlage für unterschiedliche Bildschirmgrößen
Responsive-Prüfung | Eine frühzeitige Prüfung verhindert, dass Probleme in der mobilen Darstellung erst am Ende auffallen.
Damit hatte ich dann noch keine fertige Website.
Aber ich hatte etwas, das für den weiteren Aufbau wesentlich wichtiger war:
Ich hatte ein überschaubares Grundsystem, welches ich durch die Interaktion mit der KI verstehen konnte und auf dem die nächsten Schritte aufbauen konnten.