Builderall für Anfänger

Minikurs

In dieser Tutorial-Serie zeige ich dir das LMS Learndash. Du lernst, wie man Learndash installiert und einen Kurs samt Lektionen, Modulen und Tests anlegt – und wie ich Learndash optimiere, um meinen Studenten ein noch besseres Erlebnis zu bieten.

Lektion

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Herzlich willkommen zum nächsten Video auf builderallbox.de

Dieses Mal schauen wir uns an, wie wir eine erste Website erstellen. Dazu gehen wir auf „Home“, wählen den Pixel Perfect Site Builder und öffnen diesen. Wenn du noch gar keine Seite erstellt hast, kannst du hier über „neue Website“ eine neue Seite erstellen. Du bekommst eine große Auswahl an fertigen Templates, mit denen du sofort starten kannst. Du kannst diese ganzen Templates auch filtern, z.B. indem du sagst: Ich möchte nur Templates ansehen, die zum Thema „Webdesign Agentur“ gehören und: entsprechend wird die Ansicht dann gefiltert. (In unserem Beispiel hier ist das ein bisschen anders: Wir haben in den vorherigen Kursteilen  schon eine Seite erstellt, deswegen gehe ich zu „meine Seiten“, um meine Seite zu bearbeiten. Wir klicken unten auf das blaue Icon „bearbeiten“. Es lädt die Vorlage, die wir ausgewählt haben.)

Grundprinzip des Page Builders

Am besten jedoch noch einmal einen Schritt zurück: Ich werde nochmal alles löschen und wir fangen wirklich Schritt für Schritt von vorne an. In diesem Teil möchte ich zeigen, wie das Grundprinzip des Page Builders funktioniert: Im Kopf Menü sehen wir oben, welche Seiten in dem Layout enthalten sind, also klassisch eine Seite „Home“ und eine Seite „Module“ / Layout – also 2 Seiten. Daneben können wir die Ansicht verändern, entweder als Desktop oder die mobile Ansicht wählen. Die einzelnen Module können nun pro Ansicht so verschoben werden, dass sie für uns perfekt aussehen.

  • Wir können auch Arbeitsschritte rückgängig machen.
  • Zudem können wir uns ein Lineal einblenden, um Elemente besser auszurichten.
  • Wir können auch einzelne Elemente nicht nur löschen, sondern auch verstecken – diese sind dann hinter einem Button versteckt. Und von dort können wie sie auch wieder zurückholen.
  • Außerdem haben wir hier die Ansicht „Vorschau“: Klick, da sind dann alle Hilfslinien und Marker verschwunden, so dass wir die Seite so sehen, wie sie später auch wirklich aussieht.

Über den Button „Weiterbearbeiten“ komme ich wieder in unseren Bearbeitungsmodus. Dort finden wir den Punkt „speichern“. Dieser Klick speichert unser Layout. Das sollte man auch regelmäßig tun. Alle Seitenelemente, die wir hinzufügen wollen, gibt es im Überblick: Als Erstes haben wir die wichtigste Ansicht – das sind die Layouts. Ihr müsst euch das so vorstellen, dass ihr pro Website verschiedene Layouts anlegen könnt. Ein Einzel-Layout umfasst den Kopfbereich, den Hauptbereich und den Fußbereich. Ihr könnt Hauptbereiche einmal anlegen und das gilt dann für alle Folgeseiten. Die Folgeseiten verstecken sich im Layout.

Verschiedene Layouts anlegen

In diesem Fall hier im Beispiel haben wir 2 Seiten. Ich kann die Seiten wechseln und da sehen wir, dass diese beiden Seiten den gleichen Kopf- und auch den gleichen Fußbereich haben. Sprich Kopf- und Fußbereich wird immer pro Layout angelegt. Das gilt irgendwann auch für die Schriften und für die Farben. Das ist dann immer in einem Layout gespeichert. Auf diese Weise könnt ihr verschiedene Layouts anlegen, zum Beispiel ein Layout für die Standardseiten, also Kontakt, über mich, die Einstiegsseite – all diese Dinge.
Es ist ein Layout für einen Mitgliederbereich gewünscht? Der ein anderes Menü haben soll, der vielleicht andere Farben hat? Alles möglich. Auf diese Weise könnt ihr dann die verschiedenen Seiten sauber voneinander trennen und bearbeiten.

Ergo: Das ist der wichtigste Punkt hier oben: „Layouts“.

Schriften auswählen

Dann haben wir den Bereich „Schriften“. Schriften werden mit dem jeweiligen Layout zusammen geladen. Diese könnt ihr dort entsprechend bearbeiten. So musst du nicht jedes Mal alles erneut eintippen, – wie eine Überschrift aussehen soll etc. Hier wählst du die Größen, die Schriftfonts. Bitte alles einmal festlegen in den verschiedenen Gruppen. Nun könnt ihr auf diese Schriftgruppen jederzeit zurückgreifen. Der wichtigste Punkt ist das „Pluszeichen“, denn hinter diesem Pluszeichen sind alle Seiten-Elemente enthalten, die ihr in euer Layout einfügen könnt: Pop Up Texte, Banner, Boxen, Buttons, Bildergalerien, einzelne Menüs, Audios, Videos, Kontaktformulare etc. (Es gibt übrigens noch weitere verschiedene Untermenüs, die ihr nutzen könnt.)

Zusammenfassung

Was wir uns merken müssen, ist: „Layouts„. Darüber legen wir die Seiten an. Schriften können wir als Schriftfamilien vordefinieren über das Pluszeichen fügen wir die einzelnen Seitenelemente hinzu. Dann haben wir noch das Zahnrädchen. Dort nehmen wir die wichtigsten Konfigurationen zu unserer ganzen Website, also nicht für das Layout, sondern für die komplette Website fest.
Das ist z.B. einmal der DSGVO-Aspekt, das können wir hier definieren. Außerdem können wir eine Sitemap erstellen, Benutzerverwaltung – all solche Dinge, die die gesamte Website betreffen.

Der nächste Punkt ist das „Check out“. Damit sind wir im Bereich „Shop“, dann haben wir natürlich einen Blog, wir können auch mehrere Blogs unserer Website hinzufügen. Vor allem geht es aber hier darum, komplette Shop-Systeme aufzubauen.
Ok, dies erst einmal als allererster Überblick, wie der Site-Builder von Builderall aufgebaut ist.

Kursinhalt

Builderall Tutorial Deutsch (02/09): DSGVO & Cookies

https://youtu.be/Wbnqj_EWICo Datenschutzgrundverordnung In diesem Video werden wir uns darum kümmern, die Seite für den deutschen Markt fit zu machen, sprich wir werden uns um die Datenschutzgrundverordnung kümmern. Kurz DSGVO - das Schöne ist: Da  alle Werkzeuge, die...

Builderall Tutorial Deutsch (02/08): DSGVO Impressum Datenschutz

https://youtu.be/yrHa2J1aiYg Achte auf alle rechtlichen ToDos Impressum, DSGVO, Datenschutz - einiges musst du beachten, Buidlerall hilft dir dabei ... DSGVO - Informationen Die Datenschutzgrundverordnung ist ein wichtiger, nicht zu ignorierender Punkt für dich als...

Builderall Tutorial Deutsch (02/08): Website veröffentlichen

https://youtu.be/ST2sfzs_Dw4 Website publizieren In diesem Video schauen wir uns an, wie wir das Impressum und die Datenschutzerklärung anlegen. Dazu brauchen wir zunächst eine Seite: Impressum. Ich gehe zu meinen Layouts, wähle dann das Layout aus, in dem ich mein...

Builderall Tutorial Deutsch (02/07): Mobile Version anpassen

https://youtu.be/TK92mVx7oNg Für mobile Geräte optimieren Prima, wir haben mittlerweile unsere erste Website erstellt, - was jetzt noch fehlt? Wir müssen die Seite für die mobilen Geräte, insbesondere für das Smartphone, optimieren. Wir gehen also zu unserer Seite, in...

Builderall Tutorial Deutsch (02/06): Kontaktformular erstellen

https://youtu.be/mfXXQbi7UHo So erstellt du den Kontakt / das Kontaktformular Was jetzt noch fehlt, ist eine Seite: "Kontakt". Dazu gehen wir auf unsere Layouts. Öffne "unser Layout" und füge eine Seite hinzu. Her haben wir wieder alle möglichen Varianten zur Auswahl....

Builderall Tutorial Deutsch (02/05): Banner nutzen

https://youtu.be/gf3ZP1x9bD8 Banner als Medium Als nächstes wollen wir uns noch eine Sektion anlegen, wo wir ein paar Highlights vom Produkt hervorheben können. Also gehen wir zu "Banner". Wir wählen mal "Leistung". Es liegt jetzt unser Leistungs-Banner über unserem...

Builderall Tutorial Deutsch (02/04): Button erstellen und verbinden

https://youtu.be/Mgv3FCioKoU Button erstellen In diesem Video zeige ich dir, wie man einen Button erstellt und dann mit einer anderen Seite verlinkt oder den Button auch mit anderen Funktionen belegen kann. Wir klicken auf "plus" und auf "Button". Hier sehen wir...

Builderall Tutorial Deutsch (02/03): Website Inhalte erstellen

https://youtu.be/rDh7W1bIw5g Website Inhalte erstellen Kommen wir jetzt zum Inhalt. Meine Empfehlung ist, hinter jedem Element, hinter jeder Sektion Kästen zu hinterlegen, mit denen man einzelne Inhaltselemente gruppieren kann. Klingt kompliziert? Ist es nicht: Was...

Builderall Tutorial Deutsch (02/02): Deine erste Website

https://youtu.be/bC6XujmQ91U Mit Builderall eine Website erstellen In diesem Video werde ich zeigen, wie man mit Builderall eine Website erstellt, dazu gehen wir zu unserem Site Builder und auf "neue Website". Hier bekommen wir jetzt eine große Auswahl an Designs...

Builderall Tutorial Deutsch (01/06): SSL

https://youtu.be/vZGczovYcUo SSL Seite absichern Willkommen zum nächsten Video. Jetzt wollen wir unsere Seite SSL absichern. SSL ist ein Sicherheitszertifikat. Sobald wir Daten über unsere Website austauschen, also über ein Kontaktformular oder eine Bestellung...

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!
Builderall Tutorial Deutsch (02/09): DSGVO & Cookies

Builderall Tutorial Deutsch (02/09): DSGVO & Cookies

https://youtu.be/Wbnqj_EWICo Datenschutzgrundverordnung In diesem Video werden wir uns darum kümmern, die Seite für den deutschen Markt fit zu machen, sprich wir werden uns um die Datenschutzgrundverordnung kümmern. Kurz DSGVO - das Schöne ist: Da  alle Werkzeuge, die...

Builderall Tutorial Deutsch (02/08): DSGVO Impressum Datenschutz

Builderall Tutorial Deutsch (02/08): DSGVO Impressum Datenschutz

https://youtu.be/yrHa2J1aiYg Achte auf alle rechtlichen ToDos Impressum, DSGVO, Datenschutz - einiges musst du beachten, Buidlerall hilft dir dabei ... DSGVO - Informationen Die Datenschutzgrundverordnung ist ein wichtiger, nicht zu ignorierender Punkt für dich als...

Builderall Tutorial Deutsch (02/08): Website veröffentlichen

Builderall Tutorial Deutsch (02/08): Website veröffentlichen

https://youtu.be/ST2sfzs_Dw4 Website publizieren In diesem Video schauen wir uns an, wie wir das Impressum und die Datenschutzerklärung anlegen. Dazu brauchen wir zunächst eine Seite: Impressum. Ich gehe zu meinen Layouts, wähle dann das Layout aus, in dem ich mein...

Builderall Tutorial Deutsch (02/07): Mobile Version anpassen

Builderall Tutorial Deutsch (02/07): Mobile Version anpassen

https://youtu.be/TK92mVx7oNg Für mobile Geräte optimieren Prima, wir haben mittlerweile unsere erste Website erstellt, - was jetzt noch fehlt? Wir müssen die Seite für die mobilen Geräte, insbesondere für das Smartphone, optimieren. Wir gehen also zu unserer Seite, in...

|

Platz für deinen Kommentar!

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht.

Workshops

Workshops, Academy, Magazin, Masterclass

Starten

Neue Themes

Neu: Scroll-Effekte, WooCommerce-Module u.v.m.

Galerie

lms learndash

Aktuelle Version und neue Features um Überblick.

Builderall Preise

Neu: Builderall 5 – Kurs