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

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 meinem Beispiel die Testseite. Und drücken auf „Bearbeiten“. Unsere fertige Seite erscheint. Oben links finden wir den Punkt „Mobile“ und klicken ihn. Jetzt optimieren wir die mobile Ansicht und wie wir sehen, sind erstmal alle Elemente von unserer Website neben das Handy verschoben. Unsere Aufgabe ist jetzt also, die Elemente einzeln zu sortieren. Aber keine Sorge, hier bekommen wir Hilfe, und zwar gehen wir dazu auf „anpassen“.
Dort haben wir verschiedene Möglichkeiten: Wir können alle Elemente anpassen, also inklusive Kopf- und Fußzeile. Wir können auch Elemente ausblenden, oder wir können sagen, wir wollen den Desktop soweit wie möglich auch in der mobilen Ansicht kopieren. Das funktioniert aber nur dann, wenn deine Desktopansicht auch entsprechend gestaltet ist. Sobald du mit mehreren Spalten arbeitest, sieht das schon komisch aus.

Elemente anordnen

Wir müssen, was die Elemente angeht, ein bisschen feintunen. Oben ist unser Logo, das können wir lassen, dann kommt das Menü, – da gehen wir auf: die Ansicht für Endgeräte bearbeiten. Wir sehen, dass wir nun in der Ansicht „Mobile“ sind. Auswählen, speichern, bestätigen. Du kannst aus verschiedenen Vorlagen wählen. Du siehst dort, wie dein Menü aussehen könnte. Auswählen und damit ist dein Menü auch schon fertig eingerichtet. Die weiteren Elemente können wir jetzt auch entsprechend anpassen: „Anpassung mobil“ Die Schrift kann für die mobilen Geräte meist kleiner sein. Es folgt: z.B. Video hochziehen, einpassen, Button – fertig. Das hat den Vorteil, dass am Ende wirklich alles so aussieht, wie man das auf dem Smartphone haben möchte.

Und hier wird nochmal wichtig, warum ich vorher gesagt habe: Arbeitet immer mit diesen Bannern, denn dann könnt ihr hier diese ganzen Sektion schneller hin- und her schieben, was das Arbeiten deutlich vereinfacht. Wenn eihrr alles zurecht geschoben habt, könnt ihr oben auf Vorschau gehen. Dort bekommt ihr jetzt die Handyansicht zu sehen und könnt prüfen, ob alles so ist, wie euch das gefällt. Jeder kann sein Layout nach eigenem Gusto durcharbeiten. Auf diese Weise erstellt ihr eure komplette Web-Version, speichert sie zum Schluss, – das ist wie immer wichtig. Und wenn wir jetzt zurück zur Desktop-Ansicht geht, seht ihr, dass diese unverändert geblieben 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/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 (02/01): Website Builder Überblick

https://youtu.be/CuWImKf7lbo 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...

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/06): Kontaktformular erstellen

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....

|

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