Automatisches Erkennen der Browserauflösung - Responsives Design
Autor: Peter M.
Besucht 1246,
Followers 1,
Geteilt 0
Hallo,
ich würde mir gerne das website X5 Evolution 13 kaufen, dazu eine Frage:
Aus den Details unter OPTIMIERUNG FÜR MOBILGERÄTE werde ich nicht so richtig schlau:
Unter den Deteils steht einerseits, das es für alle Mobilgeräte umgewandelt wird, und anderseits (im letzten Punkt) - macht mich der letzte Punkt stutzig, wie es gemeint ist, mit der Darstellung (Automatisches Erkennen der Browserauflösung).
Kann ich mit Evolution 13 für das Handy und für den Desktop eine unterschiedlichere Darstellung veröffenlichen - Sprich für das Händy eine schmälere (mehr untereinander) und für den Desktop mehr die breitere Darstellung/mehr Bilder etc.?
Danke für eine Antwort.
LG
Gepostet am
Im Programm kann man selber gewisse "Breakpoints" Sprungpunkte festlegen die für die mobilen Geräte geeignet sind.
In einem Bereich kann man dann den Header, content und Footer festlegen welche Maße man braucht. In einem anderen Bereich kann man für jeden Breakpoint einzeln die Objekte verschieben die man benötigt.
Man muss aber nur für "ein" Projekt den Inhalt erstellen, denn es passt sich dann automatisch an den richtigen Bildschirmmaße an. Eventuell muss man aber die Objekte bei den Sprungpunkten spezielle Einstellungen machen, damit es zu keinen Verschiebungen kommt.
Es wäre zu schön, wenn z.B. die Inhalte bei den Breakpoints stimmen würden. Da zerbreche ich mir gerade den Kopf.
Die Abbildung stammt direkt aus dem Programm Website X5 Evolution 13.
Links die Vorschau, rechts den passenden Breakpoint vom Header.
So habe ich jeden Breakpoint angepasst und was ich im karierten Feld angelegt habe sieht in der Vorschau anders aus.
Alle Objekte sind in der Vorschau zu tief. Genauso sieht es auch auf meinem Smartphone aus.
Wo sind diese speziellen Einstellungen, die ich noch suche?
Dieses Thema habe ich bei Unofficial WsX5 Forum auch angesprochen und warte noch auf eine Lösung.
@Siegbert bleibe bei deinem Post denn das hat mit der Frage nichts zutun. ICh kann dir aber schon vorab sagen, dass es für "dein" PRoblem keine Lösung geben wird.
Hallo Andreas,
ich habe nochmals die ganze Einstellungen getestet und die Ursache gefunden.
Mein Landschaftsbildbild habe ich als Hintergrundbild vom Header genommen. Zum Test habe ich den Header eingefärbt und der Inhalt dieser Farbfläche stimmt mit der Vorschau überein. Aber woher kommt der Balken der über dem Header herausschaut? Dieser war für die Verschiebung verantwortlich. Kann dieser Balken entfernt werden?
Meinst du den hellblauen Balken beim Menü? Ích sehe links keinen Balken oberhalb des Headers. In der Headergestaltung ist nur der sichtbare Bereich relevant wo du deine Objekte reinstellen kannst. Der Rand oberhalb oder umgeben ist nur blinder Auffüllbereich.
Nein, ich meine den Rest vom Headerhintergrund (Wald) der über dem Header mit den Blättern und der Blumenwiese sichtbar ist. Dieser beeinflusst die Höhe zwischen Headerhintergrund und Header. Ich dachte ein Bild sagt mehr als tausend Worte. Ich weiß nicht wie ich es noch anders erklären soll.
Wenn es blinder Auffüllbereich ist wieso dann nur über dem Header und nicht über dem Headerhintergrund?
Sobald der Header transparent geschaltet wird übernehme ich beim einstellen der Objekte als Standvorgabe die Höhe vom Headerhintergrund. Dann gibt es die Höhenunterschiede zwischen Header und Headerhintergrund.
So wie gestestet habe kommt dieser Bereich nur bei Responsive.
Guten Tag,
Prüfen Sie ob Sie bei der Struktur des Template einen Abstand oben eingefügt haben.
Vielen Dank!
... Edition Professional > >> Schritt 1 - Einstellungen > Erweitert > Introseite :
Anleitung: Die Optionen zur Erstellung der Introseite
Referenz: Die Funktionen zur Einstellung der Weiterleitung je nach ermittelter Auflösung
.
ciao
Nachdem ich an den Seitenrändern in der Struktur herumprobiert habe war der Balken oben plötzlich weg.
Ich will niemand ärgern, aber jetzt habe ich ein neues Phänomen.
Das Hauptmenü ändert sich in der Höhe zwischen der ersten und allen folgenden Schaltflächen.
Die erste Schaltfläche ist in der Höhe mittig und die weiteren Schaltflächen sind alle oben am Header.
Bei den Seiteneinstellungen habe ich alle Ränder gleich eingestellt.
Hier das Bild von den restlichen Schaltflächen nach der Aktivierung der weiteren Schaltflächen.
Meinst du mit "Schaltfläche" einen Breakpoint? Wenn ja, dann musst du in der STruktur der Vorlage beim Menübereich die gleiche Höhe einstellen wie bei den Desktopwerten !
Entschuldigung, ich habe mich falsch ausgedrückt. Ich meinte die Navigationsschaltflächen vom Hauptmenü -Home, Gründung, Neu 2017 ....etc. Ich habe die anderen Breakpoints noch garnicht bearbeitet. Dieses Phänomen tritt bereits in derganz normalen Desktopansicht auf.
Dieser Effekt tritt auf wenn du nicht im responsiven Teil bist und auf der Desktopvariante arbeitest. Du fügst wahrscheinlich einen Menüpunkt hinzu und das Menü will den Menüpunkt darunter platzieren weil es eben keinen Platz mehr hat. Das Menüfeld aber ist nicht hoch genug um den Button anzuzeigen was darunter platziert werden sollte und rückt zwar mit der ersten MEnüzeile rauf, aber es hat nicht genug Platz für die zweite Zeile. Dazu müsstest du das Menüfeld in der Stuktur in der Höhe vergrößern.
Daran kann es nicht liegen. Habe das Menüfeld auf 200px erhöht und es ändert sich nichts.
Habe die Seite hochgeladen. Vielleicht kannst du den Fehler finden. http://www.nakwandern.de/
Der Fehler wurde gefunden.
Ich hatte bei der Suchmaschinenoptimierung, Metatag für Google Search Console, ein paar Wörter eingetragen.
Nachdem ich diese gelöscht habe war im Header alles wieder in Ordnung.