WebSite X5Help Center

 
Karl B.
Karl B.
User

Smartphone-Vorschau  de

Autor: Karl B.
Besucht 538, Followers 1, Geteilt 0  

Hallo,

wie kann man eine die Vorschau für ein Smartphone (=<480 px) anzeigen? 

Gepostet am
23 ANTWORTEN - 2 NüTZLICH
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

In der Vorschau rechts oben sind Button und davon hat ein Dropdownmenü mit den verschiedenen Breakpoints die du in deinem Projekt eingestellt hast.

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor

Das habe ich gesehen, aber nur bis 480 px.

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Dann zieh das FEnster kleiner !

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor

Perfekt!

Nun habe ich im Header eines vordefinierten Tamplates den Hintergrund durch eine andere Grafik ersetzt.  Das führt dazu, dass dieses Grafik nicht an die unterschiedlichen Auflösungen angepasst wird. Muss ich nun für jede Auflösung die Grafik händisch anpassen, obwohl unter "Auflösungen und Responsives Disgn" Reprosives Design angeklickt und dort ausdrücklich vermerkt ist, dass sich auch das Layout automatisch der Auflösung de Endgeräte anpasst.    

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Das Layout passt sich an und nicht die Hintergrundgrafik! Die Hintergrundgrafik passt sich dem Content an und nicht dem Gerät. Wenn du viel Text oder Bilder hast auf der Seite wird es auf dem Desktop zwar normal angezeigt, aber wenn sich der content an das mobile anpasst muss sich auch das Hintergrundbild auf der Länge anpassen und dadurch wird es gestreckt.

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor

Wenn dem so ist, verstehe ich nicht, weshalb die Hintergrundgrafik des Templates bei den unterschiedlichen Auflösungen nicht gestreckt/gestaucht wird. Muss ich nach dem Austausch der Grafiken noch irgendwo irgendwelche Einstellungen vornehmen, damit auch meine Grafik nicht gestreckt/gestaucht wird? 

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Es gibt einen Punkt "an den Bildschirm anpassen" bei der Hintergrundgrafik! Meinst du das?

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor

Wo genau finde ich diese Einstellungsmöglichkeit? Auf der Seite "Struktur der Vorlage sehe ich diese nicht.

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Unter dem Bild..."Anordnung" Auswahl--> 5 An Fenster anpassen

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor

Diese Option gibt es nur für den Seitenhintergrund nicht aber für den Header-Hintergrund.cry 

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Das stimmt, aber das hat auch einen gewissen Grund!  Die Header Grafik muss für jeden Breakpoint extra angepasst werden weil sich der Header nicht von der Höhe automatisch anpasst, sondern pro Breakpoint extra eingestellt werden muss.

Der Header kann sich auch nicht an die Seitenbreite anpassen weil er einen vordefinierten Bereich hat.

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor

Das war meine Frage. Wo kann der Breakpoint des Headers eingestellt  werden und wie/wo finde ich die Seitenbreite des Headers?

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Die SEitenbreite des Header kann man nicht einstellen. Der wird von der Contentbreite definiert!  Bei Auflösungen und responsives Design...die Maße wirken sich auch auf den Header aus.

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor

Soweit so gut, aber warum funktioniert die Anspassung der Hintergrundgrafik bei dem vordefinierten Template und bei meiner Grafik nicht?

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Wo sieht man das, denn ich kann mir das nicht vorstellen!

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor

z.B. bei dem Template "Business3"

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

HAbe es ausprobiert und es passt sich bei den BReakpoints an. Natürlich wird es nicht dynamisch mit 100% Werten verändert weil WSX5 nicht so aufgebaut ist, aber dieses Template ist angepasst.  Wenn du jetzt selber eine Grafik einfügst dann musst du sie auch bei den verschiedenen Breakpoints selber anpassen. Automatisch macht WSX5 das nicht.

Mehr lesen
Gepostet am von Andreas S.
H. S
H. S
User

Das ist das einzige was da noch fehlt das man es nicht unter 480px in der Leiste vorher aufrufen kann und anpassen kann dadurch verschiebt sich alles. Hatte das aber schonmal als Verbesserung angegeben.

Mehr lesen
Gepostet am von H. S
Incomedia
Elisa B.
Incomedia

Guten Tag Karl, 

können Sie bitte den Link Ihrer Webseite senden, damit ich überprüfen kann, was genau passiert? Auch Screen Shots können sehr nützlich sein, um eine Lösung zu finden. Dieses Template sollte sich, wie Andreas gesagt hat, automatisch anpassen. Vielleicht sind einige Elemente zu groß oder falsch eingeordnet. 

Ich warte auf die nötige Informationen, mir ist es sehr wichtig, Ihnen zu helfen.  Ich wünsche Ihnen einen schönen Tag. Mit freundlichen Grüßen.

Mehr lesen
Gepostet am von Elisa B.
Karl B.
Karl B.
User
Autor

Guten Tag Elisa B.,

in seinem letzten Beitrag schreibt Andreas unter anderem:

"Wenn du jetzt selber eine Grafik einfügst dann musst du sie auch bei den verschiedenen Breakpoints selber anpassen. Automatisch macht WSX5 das nicht."

Genau so bin ich verfahren und dennoch ist bei einer Aufllösung < 480px die Grafik gestreckt und sind die Original-Objekte verschoben oder nicht mehr sichtbar.

Mehr lesen
Gepostet am von Karl B.
Incomedia
Elisa B.
Incomedia

Guten Tag Karl, 

ja, in der Regel soll man keine Anpassungen durchführen, in manchen Fällen sind Sie aber nötig, wie in diesem Fall. Sehen Sie im Anhang: Das Objekt ist falsh platziert worden. Das ist aber ganz einfach und schnell, machen Sie sich keine Sorgen!

Gehen Sie bitte auf Schritt 2 - Vorlage > Anpassen >Inhalt des Headers und der Fußzeile und löschen Sie die Objekte beim letzten Breakpoint. Dann fügen Sie sie erneut an, aber achten Sie darauf, dass sie für die Auflösung klein genug sind und gut platziert sind.

Vielen Dank. Mit freundlichen Grüßen. 

Mehr lesen
Gepostet am von Elisa B.
Karl B.
Karl B.
User
Autor

Guten Tag Elisa B.,

auch nach dem Update auf Version 13.1.1.8 werden die Objekte bei einer Auflösung < 480 px nicht richtig positioniert und übereinander geschoben, obwohl genau auch dieses Problem mit diesem Updatte behoben sein soll. Wenn ich Ihrer Anleitung folge werden die Objekte bei allen Breakpoints gelöscht und stehen nicht mehr zur Verfügung, sodass sie auch nicht mehr eingefügt werden können. Im Übrigen soll die Anpassung "automatisch" erfolgen. 

Mehr lesen
Gepostet am von Karl B.
Incomedia
Elisa B.
Incomedia

Guten Tag Karl, 

die Objekten werden sowieso immer zur Verfügung stehen und Sie werden sie natürlich erneut einfügen können. Wenn Sie möchten können Sie das Projekt duplizieren und veruschen, wenn Sie Unregelmäßigkeiten erleben können Sie mir einen Screenshot senden. 

Ich danke Ihnen im Voraus. Mit freundlichen Grüßen. 

Mehr lesen
Gepostet am von Elisa B.