Startseite » Responsives Templates

Moderne Templates / Themes sind responsiv. Das heißt, dass sie für alle Endgeräte ein Farbschema haben und sich das Template den Endgeräten anpasst. Ein mobiles Template, wie zu früheren Zeiten »Mobile Candy«, ist so schon lange nicht mehr notwendig. Doch wie funktioniert das? Bei responsiven Templates werden im CSS-Code sogenannte Breakpoint angelegt. Diese haben je eine bestimmte Größe, orientiert an den gängigen Display-Größen der verschiedenen Geräte. Dadurch kann ein Style angelegt werden, der dann farblich auf allen Endgeräten gleich ist. Die Herausforderung für den Webdesigner ist es nun, primär für mobile Endgeräte so viele Elemente aus der Desktop-Version auch mobil – sinnvoll – zur Verfügung zu stellen.

Es gibt viele responsive Layouts, die etwas „unglücklich“ angelegt sind. Dies zu vermeiden, ist die große Aufgabe. So müssen die Abstände zwischen den Buttons groß genug sein, damit der Benutzer mit dem Finger die Elemente einfach anklicken kann. Alle Elemente müssten also für die Touch-Bedienung optimal ausgelegt sein. Oft wird so zum Beispiel auch das Menü und die Kategorie-Leiste entweder in der linken oberen Ecke als klickbarer Button verschoben, oder oben unter dem Banner als Links ohne Untermenü dargestellt. Responsive Templates müssen vor der Freigabe den mobilen Google-Test bestehen (https://www.google.de/webmasters/tools/mobile-friendly/). Ist unter anderem eine Grafik zu breit, meldet der Test, dass ein Fehler vorhanden ist. Hier sollte man dann nachbessern.

Immer mehr Menschen gehen via Smartphone ins Internet. Je nach Branche kann das bis zu 75 % der Besucher sein. In China haben viele Menschen gar keinen PC mehr, sondern tätigen alles vom Smartphone. Auch ein Grund, warum die Geräte immer größer werden. Eine Webseite sollte deshalb auch vorrangig für mobile Besucher ausgelegt werden. Auch Tablets ersetzen allmählich Notebooks und Desktop-Computer. Diese bieten mehr Platz und haben oft eine ähnliche Auflösung wie kleine Desktop-PCs. Dennoch muss auf einer einfachen Touch-Bedienung Wert gelegt werden. Die Umsetzung ohne Zoom ist also Pflicht. Aktuelle Gambio-Shops setzen auf das Theme »Malibu«, wie auch dieser Shop. Malibu ist auf dem neuesten technischen Stand und bietet sehr viele Funktionen.
 

Weitere Fragen? Gerne stehe ich per Mail zur Verfügung!