- Schwierigkeitsgrad: leicht
- Umsetzungsdauer: 30 Minuten
Jetzt wollen wir in diesem Schritt noch das Design von der Tablet und Smartphone Variante einstellen, damit alle Überschriften, Bilder und auch Texte ordentlich angezeigt werden.
Zum Beispiel sieht man in den nächsten 2 Bildern ganz gut wo Probleme sind, bei dem ersten Bild, werden die Bilder der Fahrzeugklassen nicht groß genug angezeigt und bei dem anderen Bild sieht man das die Überschrift zu groß ist und damit über den Rand angezeigt wird.
Diese Problem ändern wir jetzt.
Als erstes ändern wir das mit den Bilder der Fahrzeugklassen auf der Startseite, dafür gehen wir auf
http://ihre-domain.de
und klicken oben in der schwarzen Leiste auf „Mit Elementor bearbeiten“
ganz unten links in der Ecke siehst du diesen kleinen Monitor, damit kannst du den Bearbeitungsmodus ändern, für welches Gerät (Desktop, Tablet oder Smartphone) du dein Layout anpassen möchtest.
Dafür klicken wir auf „Mobile“
Jetzt sieht man bereits, dass der Live Editor sich auf ein Smartphone umgestellt hat. Damit kann man ziemlich genau sehen, was alles geändert werden muss und wie welche Änderungen sich auch auf dem Smartphone auswirkt.
Wir wollen jetzt die Bildgröße von den Klassen ändern. Dafür klicken wir auf die jeweilige Stelle, damit sich im linken Bearbeitungsfenster das entsprechende Menü öffnet.
Jetzt gehe links in dem Bearbeitungsfenster auf „Stil“ damit wir die Größe des Bildes ändern können.
Ich stelle jetzt die Bildgröße mit Hilfe des „Breite“ Reglers auf 65%, dies mach ich jetzt bei jeder Box.
Hier sieht man das Vorher- Nachherergebnis. Das sieht doch schon besser aus.
Jetzt wollen wir noch auf der Kontaktformular Seite die Überschrift anpassen.
Dafür gehen wir auf die Seite www.fahrschule-maasen.de/kontakt
-> klicken oben in der schwarzen Leiste auf „Mit Elementor bearbeiten“
-> und unten links in der Ecke auf den kleinen „Monitor“ und stellen den auf „Mobile“ um.
Klicke jetzt auf die zu bearbeitende Überschrift und klicke im linken Bearbeitungsfenster oben auf „Stil“
Klicke dann auf „Typografie“ und ändere die Schriftgröße. Im Live-Editor kannst du gleich das Ergebnis sehen und schauen, wie groß maximal eine Schrift sein darf.
Damit hast du jetzt die Schriftgröße nur für die Mobile Variante geändert, alle anderen Einstellungen für Desktop oder Tablet bleiben erhalten.
So sieht die Überschrift jetzt aus.
Das Ganze musst du natürlich auch noch für die Table Version machen. Schau die wirklich nach und nach jede Seite in alle 3 Varianten an und ändere die Einstellung, fange immer mit Desktop an, dann Tablet und dann Smartphone. Danach gehst du zur nächsten Seite.
Und schon hast du eine perfekte Homepage die auf allen Endgeräten optimal angezeigt wird.
Live Support
- Erreichbar: von 8:00 - 18:00 Uhr
- Durchschnittliche Antwortzeit: 13 Minuten