Aus dem Kurs: WordPress: No-Code-Webdesign für Kreative
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Responsive Design mit Elementor – Tutorial zu WordPress
Aus dem Kurs: WordPress: No-Code-Webdesign für Kreative
Responsive Design mit Elementor
Dass eine Website responsive ist, also sich anpasst auf Mobilgeräte und andere Gerätegrößen, ist heutzutage keine Option mehr, sondern ein Must-have. Deshalb hat auch Elementor Responsivität mitgedacht beim Bauen des Editors. Sie kennen wahrscheinlich schon den responsiven Modus, den Sie hier oben oder mit Befehl Shift+M aufrufen können. Sie können hier die Ansicht wechseln. Aber was, wenn jetzt, wie hier z.B., die Schrift viel zu groß ist auf Mobilgeräten? Dann können Sie das anpassen. Responsive Anpassungen sind immer dann möglich, wenn Sie ein kleines Gerät sehen bei der Einstellung. Z.B. sehe ich hier bei der Schriftgröße ein kleines Smartphone. Das bedeutet, dass ich die Schriftgröße für dieses Gerät anpassen kann. Dasselbe kann ich fürs Tablet tun, und auch für Desktop. Änderungen, die Sie machen, greifen jeweils ab dieser Größe. Also, wenn ich auf Desktop 35 Pixel festlege und dann auf Tablet z.B. 20 Pixel und wenn ich dann auf dem Smartphone diesen Wert leerlasse, dann gilt…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
-
-
-
-
-
(Gesperrt)
Bearbeitungsverlauf finden und nutzen1 Min. 7 Sek.
-
(Gesperrt)
Die wichtigsten Kurzbefehle2 Min. 23 Sek.
-
(Gesperrt)
Responsive Design mit Elementor2 Min. 43 Sek.
-
(Gesperrt)
Action-Step: Machen Sie Ihre Startseite responsiv27 Sek.
-
(Gesperrt)
Mit Animationen arbeiten3 Min. 12 Sek.
-
(Gesperrt)
Formulare gestalten4 Min. 25 Sek.
-
(Gesperrt)
-
-