Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

WordPress-Themes mit Bootstrap

Das Bootstrap-Framework im Überblick

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Bootstrap ist ein HTML- und CSS-Framework, welches Sammlungen von vorgefertigten Hilfsmitteln für die Erstellung von responsiven Designs beinhaltet.
02:42

Transkript

Was ist Bootstrap und wofür ist es eigentlich gut? Das möchte ich Ihnen jetzt in diesem Video zeigen. Ich bin hier auf getbootstrap.com. Wichtig ist dieses "get" vorne dran, wenn Sie das nicht schreiben, dann kommen Sie auf eine andere Seite. Ich gehe mal auf "getting started" und scroll hier ein bisschen runter, da finde ich ein paar Beispiele, da ist es anschaulich zu zeigen, um was es eigentlich geht. Hier nehme ich mal dieses Hello World. Das ist ein Template für eine Seite, die man selber bauen kann. Oben kommt der Projektname hin, E-Mail, Passwort, um sich einzuloggen, eine große Überschrift, nochmal ein Button. Spannend bei Bootstrap ist, was passiert, wenn diese Seite etwas kleiner dargestellt wird, also beispielsweise auf einem Smartphone oder auf einem Tablet. Wenn ich das jetzt hier etwas enger mache, dann sehen Sie, sind diese drei Überschriften untereinander gerutscht, es sieht imme noch ordentlich aufgeräumt aus und erst, wenn es größer wird, dann hüpfen die auch nebeneinander. Bootstrap hat ein wichtiges Paradigma, das heißt nämlich responsive, das heißt also egal, wie groß der Bildschirm ist, auf dem ich etwas anschaue, es schaut immer ordentlich aus und es nutzt immer die volle Bildschirmgröße aus. Wir haben hier verschiedene Beispiele, die man nutzen kann, also zum Beispiel eine statische obere Navigationsbar, eine fixe Navigationsbar. Wir haben hier zum Beispiel ein Karussell, da kann ich hier durchklicken, das verwenden auch in diesem Training. Das macht auch automatisch hier diese runden Bilder mit CSS und all diese Möglichkeiten habe ich mit Bootstrap schon vorgefertigt. Und wenn wir jetzt mal ein Blick hier in den Quelltext hineinwerfen, dann sehen wir, dass wir einen sehr lesbaren und aufgeräumten Quelltext haben und im Wesentlichen wird hier mit Klassennamen gearbeitet und hier ist zum Beispiel dieses navbar-static-top, das macht eben diese statische obere Navigationsleiste. Und all das wird hier eben automatisch mit Klassen, die von Bootstrap vorgegeben werden, auch definiert und bearbeitet. Und wenn wir so etwas jetzt verwenden möchten, dann können wir eben auf diese Klassennamen zurückgreifen, wir müssen einmalig Bootstrap als CSS Datei einbinden und können dann eben auf die unterschiedlichen Komponenten von Bootstrap zugreifen. Lange Rede, kurzer Sinn: Bootstrap ist ein HTML CSS Gerüst, das besonderen Wert auf responsives Design legt, damit wir also auch Webseiten erstellen können, die auf dem Smartphone oder Tablet genauso gut ausschauen, wie auf einem großen Desktop Computer.

WordPress-Themes mit Bootstrap

Verwirklichen Sie Ihre eigenen Designvorstellungen bei Ihrem Webauftritt und sehen Sie, wie Sie WordPress-Seiten über Plug-ins und Themes wie z.B. Bootstrap erweitern können.

2 Std. 33 min (39 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!