Responsive 480px 
Autor: Jürgen W. G.
Besucht 1123,
Followers 2,
Geteilt 0
Danke Stefano, funktioniert jetzt.
Nächste Frage: wie kann ich die Seite auf einem Smartphone darstellen? Ich habe auf responsive Design 480 pixel eingestellt, aber unter www.goldfuss.com/test sieht man das Resultat. Was muss ich ändern?
Gepostet am
Autor
Nächste Frage: wie kann ich die Seite auf einem Smartphone darstellen? Ich habe auf responsive Design 480 pixel eingestellt, aber unter www.goldfuss.com/test sieht man das Resultat. Was muss ich ändern?
Hallo Jürgen,
kannst du mal mehr ins Detail gehen was du genau meinst ?
Autor
Auf www.goldfuss.com ist mit meiner alten SW auf einem Smartphone alles OK. Auf www.goldfuss.com/test ist die erste Seite auch OK, aber die nächste Seite passt nicht mehr auf den Schirm. In X5 habe ich aber responsive Website angeklickt.
Du musst unter "2" Struktur des Templates bei den verschiedenen Breakpoints den Header, Footer, Content einstellen oder angleichen an den Desktop nach eigenen Ermessen und danach beim Inhalt des Templates den Header mit Objekten und Menü bestücken für alle Breakpoints extra. Was ich so gesehen habe, sind bei dir immer noch alte Rückstände vom gekauften Template enthalten die du entfernen musst.
Autor
Ich habe die Struktur des Templates auf 480 pxl geändert, gespeichert - es hat sich aber nichts geändert. Was muss ich genau tun, damit die Seite Smartphone tauglich ist?
Hast Du unter "2 - Vorlage" in "Auflösungen und responsives Design" Desktop-Website oder Responsive Website ausgewählt. Richt ist hier Responsive Website. Hast Du da eine Liste von Umbruchpunkten (z.B. 960 px, 720 px, 480 px, 0 px)? Dann kannst Du das einstellen, was Andreas S. beschrieben hat.
Autor
Habe ich gemacht. Die Auflösung bei der Struktur der Vorlage bleibt allerdings bei 1150 stehen
Kannst Du da denn nicht die anderen Auflösungen anklicken? Einfach mit dem Mauszeiger rechts von der eckigen Klammer klicken...
Autor
Alles probiert, die Auflösung steht immer auf Desktopgröße siehe Screenshot
Und die anderen Auflösungspunkte kannst Du nicht auswählen? Wenn Du in den Bereich zwischen 960 px und 720 px fährst, sollte über Mausklick diese Auflösung ausgewählt werden können.
Autor
lässt sich zwar auswählen, speichern - aber wenn man Struktur der Templates aufruft ist die Auswahl, wie auf dem Bild, wieder im oberen Bereich
Es fragt sich nur was du willst oder wo du dich nicht auskennst?
Ich kann dir jetzt im Fachchargon sagen..
GEhe unter Struktur des Templates...klick per rechtsklick in der Mitte und wähle "Struktureigenschaften kopieren" und dann drücke nach der Reihe die färbigen Punkte und drücke wieder bei jedem per rechtsklick auf "Struktur...einfügen"
Dann hast du schon mal den Hintergrund richtig. Bei Inhalt des Templates musst du dann die OBjekte im Header und Footer richten.
Autor
So, sieht schon etwas anders aus, Header und Footer sind auf 480 px eingestellt. Was muss ich jetzt noch machen, damit die Seite auf dem Smartphone wie auf dem PC aussieht? Irgendwie ist das Programm kompliziert.
Hast Du schon Deine Seiten mit Inhalt erstellt? Also Objekte in die Seiten Struktur eingefügt und mit Inhalt gefüllt?
Dann kannst Du bei der Seitenerstellung auf den responsive-Button gehen, um die responsiven Einstellungen für die Objekte dieser Seite vornehmen. Links oben ist folgendes Icon-Menü, das Icon rechts unten ist für die responsiven Einstellungen.
Es gibt auch eine Online-Hilfe, die durch Klick auf das Fragezeichensymbol in der oberen Zeile des Programms erreicht. Hier ist die Programmbedienung auch beschrieben...
Autor
Die Seiten sind gefüllt, wie man unter www.goldfuss.com/test sehen kann. Aber mit dem Klick auf response Menue und anklicken von 480 px hat sich auf dem smartphone nichts geändert.
So wie ich das sehe, musst Du in 2- Vorlage noch den Inhalt des Templates Pflegen. Hier ist für jede Auflösung der Header und die Fußzeile anzupassen, d.h. Bilder und Text müssen passgenau für den Header bzw. Fußzeile sein (Größe und Position). Ggf. sind die nicht zu großen Objekte aus den höheren Auflösungen auszublenden und neue Objekte einzufügen und in der Größe anzupassen.
Desweiteren solltest Du auch unter 2 - Vorlage die StickyBar für alle Auflösungen pflegen.
Ich hoffe, dass hilft weiter... (und immer an die Online-Hilfe denken. Da wird einiges an Fragen beantwortet.)