• Start
• Tipps und Tutorials
• DESIGNCENTER
• USER DESIGNS
• HpBk Design Collection
• 2012
• Tour
• Unser Star fuer den HpBk
• Sommer Award
• CD 2013
• Menu3
• Grundwissen
• Anmelden
• Design einstellen
• Eigene Bilder verwalten
• Eigene Seiten editieren
• Besucherzaehler
• 404 Error Seite
• Das Kontaktformular
• Kommentare
• Premium Pakete
• Forum
• Gaestebuch
• Intro
• Landkarte
• Favicon
• Meta Tags
• News System
• Toplist System
• Newsletter
• Forensignatur
• Galerie
• Farbige Scrollbars
• Topliste
• Umfragen
• Galerie Vorschau
• Rechtsklicksperre
• Hintergrundmusik
• Versteckte Seiten
• Linkliste
• Seite loeschen
• Mehrere Seiten im Profil
• Seite umbenennen
• Schneeflocken
• Facebook Kommentare
• Eigener Head Bereich
• Facebook Open Graph Tags
• Text verlinken
• Navigationspunkte verstecken
• Sicherung herunterladen
• Mobiles Design einstellen
• Landkarte2
• alte headline
• Smiley Center neu
• Adressen
• USER DESIGN VORLAGE 2013
• Thickboxen
• Neue Lightbox
• NEUE DESIGN UEBERSICHT
• sidebar weg
• Lightbox fuer Designuebersicht
• Neue Business
• Lightbox 2
• Teaser Highlight
• Blickpunkt Baukasten 2
• Startseite 2014
• Blickpunkt Baukasten 1
• Mein Forum
• bsp backup
• Design Center
• UEBER 2014
• CSS 2014
• UNTER 2014
• Blickpunkt Baukasten
• Extras
• Aprilscherz
• Startseite 2015
• News links
• Titel der neuen Seitewe
• Graue Box - Ganze Breite
• Titel der neuen Seite24243
• Hilfe Center
• Titel der neuen Seite
• Loaditup Fehler
• Titel der neuen Seite334654

Grundwissen » Mobiles Design einstellen

Seit kurzem bietet der Homepage-Baukasten die Möglichkeit, eine mobile Variante seiner Website zu erstellen. Was ist eine mobile Seite überhaupt?

Immer mehr Menschen sind mit einem Smartphone oder einem Tablet im Internet. Wenn sie also eine normale Website aufrufen, kann dies auf diesen mobilen Endgeräten schnell zu Problemen führen. Zum Beispiel hat man auf einem Smartphone viel weniger Platz, als an einem Desktop-Computer. Aus diesem Grund kann man nun zusätzlich eine abgespeckte Version seiner Homepage erstellen. Das Hauptdesign seiner Seite bleibt von all diesen Änderungen natürlich unberührt. Dort ändert sich nichts. Mit dem mobilen Design legt man lediglich ein zweites Design für die Anzeige auf einem mobilen Endgerät an. Wie genau das funktioniert, erkläre ich euch jetzt.

Wie kann ich die mobile Darstellung aktivieren?

Um die mobile Darstellung eurer Website zu aktivieren klickt ihr zunächst auf den neuen Menüpunkt nach dem Login "Mobiles Design einstellen". Dort seht ihr nun verschiedene Einstellungen, die ihr individuell anpassen könnt. Zum Beispiel könnt ihr ganz einfach die Textfarbe der Menüpunkte ändern, einen Schatten hinzufügen, eine Infobox hinzufügen und vieles mehr.

Mein Tipp: Achtet auf eine korrekte Sortierung eurer Seiten im Seiteneditor. Die mobile Ansicht übernimmt nämlich die Reihenfolge eurer Seiten. Wenn ihr zum Beispiel Testseiten im Editor angelegt habt, wollt ihr natürlich nicht, dass die Besucher auf dem Smartphone diese Testseiten sehen. Dann aktiviert ihr euch zunächst das Extra "Versteckte Seiten", sofern ihr dies noch nicht getan habt. Im Editor legt ihr nun also eine neue Seite an und wählt aus, dass diese nur von eingeloggten Besuchern gesehen werden kann. Alle eure Testseiten, die nicht auf dem Smartphone zu sehen sein sollen, packt ihr nun als Unterseiten zu dieser einen gerade angelegten versteckten Seite hinzu und schon sind diese auf dem Smartphone oder iPad nicht mehr zu sehen.

Wenn ihr die mobile Ansicht aktiviert, erhaltet ihr zudem eine eigene Domain, nämlich: www.m.deinedomain.de.tl.

Die mobilen Endgeräte erkennen automatisch, dass ihr eine mobile Darstellung aktiviert habt und werden diese aufrufen. Natürlich kann man als Besucher auch sagen, dass man zur Desktop-Ansicht der Website gelangen möchte.

Was tun, wenn ich kein Smartphone habe?

Der Baukasten bietet eine Live-Vorschau eurer Website in Smartphone-Ansicht. Natürlich ist so etwas wirklich Testsache. Jeder der ein Smartphone oder iPad zu Hause hat, sollte es auch darauf ausprobieren, ob allen Besuchern die mobile Seite wirklich richtig angezeigt wird. Aber wenn du wirklich sicher sein willst, dass deine mobile Seite genau so aussieht, wie du sie der vorstellst, kommst du leider nicht um eine Smartphone drumherum.

Warum braucht man eine mobile Website eigentlich?

Der Grund ist ganz einfach. Immer mehr Menschen haben heutzutage ein Smartphone und müssen fast schon zwanghaft "Up-To-Date" sein. Unser Konsumverhalten steigerte sich in den letzten Jahren enorm. Kennt ihr jemanden, der kein Smartphone besitzt? (Ausgenommen sind jetzt natürlich Menschen mittleren Alters). Alles wird schneller, alles wird mobiler und alles wird vernetzter. Die Anforderungen, die wir Menschen haben steigen immer mehr.

Wir wollen noch mehr Informationen den ganzen Tag bei uns tragen. Wir wollen täglich, wenn nicht sogar stündlich wissen, ob es irgendetwas Neues zu sehen oder zu lesen gibt. Wir wollen einfach nichts mehr verpassen. Und genau dafür ist eine mobile Website besonders gut. Wenn man mit etwas Fleiß die mobile Seite so bearbeitet, dass dort wirklich nur die wichtigsten und nicht alle Informationen zu finden sind, dann ergibt eine mobile Seite einen wirklich großen Sinn. Der Baukasten ist derzeit wirklich "Up-To-Date" und macht mit dieser neuen Funktion viele User im Baukasten nach langer Zeit endlich wieder glücklich.

hpbk-templateworld