Automatische Auflösung
Autor: Kai-Uwe B.
Visited 1570,
Followers 1,
Udostępniony 0
Ich habe das Problem das meine HP auf verschiedenen Endgeräten und Monitoren nicht richtig angezeigt wird. Auch dann nicht, wenn ich diese Einstellung dafür aktiviere. In welcher Auflösung sollte man die HP erstellen?
Hoffe ihr könnt mir helfen. Mache mit der Seite jetzt erstmal nicht weiter, bevor das geklört ist. Möchte nicht vergebens alles erstellen und dann funktioniert es doch nicht.
Hier die Adresse: www.nordischbypicture.de
Danke und Gruß
Kai
Posted on the
Du musst zunächst mal unter "2 Vorlage", "Auflösungen und repsonsives Design" Deine Website auf "Responsive Website" einstellen und eventuell weitere Umbruchpunkte einstellen. (Mit den vorgegebenen ist aber schon weitestgehend alles abgedeckt.) Danach kannst Du unter "2 Vorlage", "Struktur der Vorlage" für die einzelnen Umbruchpunkte den Seitenaufbau festlegen. In "2 Vorlage", "Inhalt des Templates" legst Du wiederrum für die enzelnen Umbruchpunkte fest, wie Kopf- und Fußzeile gestaltet werden und welches Aussehen das Menü haben soll. Bei der Beabeitung der einzelnen Seiten kannst Du mit dem Button "Responsive" festlegen, in welcher Reihenfolge die einzelnen Objekte dargestellt werden und ob die Objekte in kleineren Auflösungen ausgeblendet werden sollen.
Autor
Danke dir. Und das muss ich dann für jede möglichen Bildschirmauflösung machen? Zu Hause habe ich 22 Zoll und hier auf der Arbeit einenalten 13 Zoll Monitor. Das wäre echt übel. Ich dachte da gäbe es sowas wie eine Automatik. Wenn ich unter 2 Vorlage die normale Einstellung wähle, kann man auf dem Handy ger nichts lesen. Viel zu kleine Schrift. Wähle ich das repsonsive Desing musste man auf dem Handy erstmal suchen, wo was gwschrieben steht.
Gibt es da vielleicht eine ausführliche Anleitung?
Es gibt eine Hilfe, die Du in jedem Bearbeitungsschritt aufrufen kannst. Einfach oben auf das Fragezeichen klicken.
Wenn Du Deine Seiten und Inhalte entsprechend aufbaust, werden diese auch in jeder Auflösung angezeigt. Ob man etwas suchen muss hängt ja auch von der Menge der dargestellten Informationen ab.
Die Layouts der einzelnen Umbruchpunkte können auch kopiert werden, rechte Maustaste drücken und dann auswählen was Du kopieren willst.
Autor
Danke erstmal. Werde heute Abend mal schauen ob ich am Monitor schlauer werde.
Autor
Ich bin wohl zu blöd dafür. Habe es jetzt auf Responsive umgestellt und auf dem Handy sieht das jetzt so aus.
Das ist klar, dass es so aussieht. Du hast ja auch keine Veränderungen durchgeführt für das responsive Design. Nur einfach umschalten auf responsive spielt es nicht. Man muss einige Objekte vorher anpassen und das bei jedem einzelnen Breakpoint. Nicht umsonst gibt es die Punkte "Struktur des Templates" und "Inhalt des Templates" wo du die Veränderungen durchführen musst.
Ich hatte Dir ja schon geschrieben, dass Du für die einzelnen Umbruchpunkte die Einstellungen separat vornehmen musst. Ggf musst Du im Header und Footer die Objekte aus den höheren Auflösungen ausblenden, wenn diese aus dem Layout fallen.
Aber ich habe gesehen, dass es ja schon besser aussieht... Wird schon werden!
Autor
Verstehe das mit den Umbruchpunkten nicht. Meinen Schriftzug musste ich im Bild mit einsetzen, weil dieser als Titel, je kleiner die Auflösung wurde, weiter rechts war.
Du bearbeitet da die Kopfzeile im Menüpunkt "2 Vorlage", "Inhalt des Templates", oder? Hier kannst du in den kleineren Auflösungen auf das Objekt klicken und es für diese und niedrigeren Auflösungen ausblenden. Es muss dann natürlich für die jetzige Auflösung wieder eingefügt, richtig positioniert und ggf in der Größe angepasst werden.
Autor
Wo finde ich diese Option? Ich kann sie nirgends finden.
Autor
Habs gefunden. Danke dir.
Autor
Wenn ich ein Bild in den Header setze und dann die Ansicht (z.B. für Smartphone) ändere, wird das Bild beschnitten. Wenn ich das im Seitentextfeld einfüge, wird es entsprechend der Auflösung verkleinert. Ist das auch für das Bild im Header möglich?
Habe im Moment kein System; muss ich mir morgen mal ansehen. Aber andererseits kannst du auch im Header ein Textfeld mit Bild einfügen. Hilft Dir das vielleicht.
Autor
Oh, das versuche ich mal eben. Danke dir.
Autor
Leider klappt das nicht. Das Bild in der Textdatei wird auch falsch beschnitten, wenn die Auflösung verkleinert wird.
Ein Bild gibt man auch nicht in ein Text-Objekt. Wenn dann in ein Bild-Objekt.
Autor
Das war ja auch nur ein Versuch. Hast du eine Idee wie man das umsetzen kann, dass das Bild im Header richtig geändert wird bei einer anderen Auflösung?
In dem man es von der Größe her verschiebt. Es kommt darauf an für was du das Bild einbindest? Als Hintergrund, als Logo oder als Bildershow?
Autor
Ich möchte das Bild als Header einsetzen. In Header soll auch der Titel und das Menü sein. Leider verschiebt sich der Titel bei abnehmender Auflösung so, das er dann weit rechs neben dem Bild ist und teilweise gar nicht mehr zu sehen. Für die Smartphoneauflösung habe ich ein seprates Bild im Header. Bei der Auflösung ist ja eh alles anders. Ich hoffe du verstehst was ich meine. Weiß jetzt nicht wie ich mich besser ausdrücken kann.
Ich glaube ich muss wirklich mal ein Videotutorial machen, denn das dürfte bei vielen ein Problem sein, das ganze responsive (mobil) zu designen. Vorweg WSX5 macht nicht alles und kann nicht selbstständig und automatisch deine Website korrigieren und perfekt abstimmen auf deine Bedürfnisse.
Wenn du im "Inhalt des Template" bei den farbigen Punkten drückst, kommst du zu den Breakpoints und da kannst du deinen Titel verkleinern oder zumindest das Objekt so anordnen, dass es innerhalb des sichtbaren Bereichs liegt. Um die Schrift anzupassen solltest du ein Titel-Objekt (das Häkchen auf anpassen setzen) nehmen und kein Text-Objekt.
Bei der Grafik kannst du beim Header entweder in der Struktur des Templates bei den einzelnen Breakpoints extra eine Grafik einbinden wenn du willst, oder im Inhalt des Templates eine Grafik die du im Hintergrund platzierst und auch bei den Breakpoints anpassen musst.
Noch etwas...mit welcher Version arbeitest du eigentlich?
Autor
Werde mich damit heute Abend nochmal beschäftigen. Ich habe die Pro 15.
Autor
Obwohl mir hier unter Lizenz die 17er angezeigt wird.
Autor
Habe da noch ein Problem mit der Seite Datenschutz in der Smartphoneauflösung. Dort ist rechts neben dem Text noch sehr viel Spiel. Hat jemand eine Idee woran das liegt. Habe die Seite genauso wie die Seite Impressum erstellt. Und da ist das Problem nicht.
Bei mir schaut alles normal aus auf der Datenschutzseite! Jedenfalls kein Rand link und rechts
Autor
Welches Handy hast du denn? Man sieht auch keinen Rand, aber schiebe mal nach links mit dem Finger.
Ja, jetzt sehe ich es! Fällt einem nicht auf wenn man es nicht weis, aber das sollte eigentlich nicht sein. Da es aber nur diese Seite betrifft und nicht alle anderen auch, nehme ich an es wird vom "kopierten" Text ausgehen den du eingefügt hast per copy/paste, oder? Normalerweise würde ich sagen es ist etwas im Header oder Footer außerhalb des sichtbaren Bereichs aber dann müsste es bei allen Seiten auch einen rechten Rand geben. Vielleicht würde es nutzen das Text-Objekt nochmals löschen und ein neues Objekt einfügen und dann den Text vorher in einem Windows Text-Dokument einfügen. Irgendeinen anderen Text markieren und kopieren und danach wieder den ganzen Text markieren/kopieren und in das Objekt von WSX5 einfügen.
Autor
Oh man, da hätte ich auch drauf kommen können. Vielen lieben Dank. Wie schön, ich freu mich auf den Abend. Endlich weiter machen.
Autor
So ich war die letzten zwei Tage fleißig. Vielleicht mag ja mal einer oder zwei oder mehrere auf die Seite gehen und schauen. Bin bis jetzt noch nicht so ganz zufrieden. Wirkt alles noch etwas fad. Was kann man da noch schönes zum aufpeppen einbauen? Aber es soll nicht von den Fotos ablenken. Hat einer von Euch noch eine Idee?
Wünsche Euch einen schönen Abend.
Gruß Kai
Da gibt es vieles was noch gemacht werden muss! Alleine die Startseite (wo ja noch nichts da ist) sollte fertig sein.
Das Konkaktformular sieht nicht professionell aus. Zu groß und die Buttons zu rund. Außerdem fehlen lt. DSGVO die Texte und ein Antispamfilter.
Grauer Hintergrund passt für eine Fotopage sowieso nicht und die Bilder sollten schon mehr hervorgehoben werden mit einer Galerie oder einem Slider...usw.
Autor
Ist ja auch noch gar nicht fertig. Darum ja die Frage. Kann man das Kontaktformular mit den Bordmitteln optisch überhaupt verändern? Größe und so, ja. Aber mehr? Der Spamfilter ist klar, aber was meinst du mit die Texte lt. DSGVO? Das mit der Galerie stimmt. Habe aber keine andere Möglichkeit gefunden, wo man eine Galerie hat und man auf das Bild klicken kann das es größer wird. Kann man nur für die Galerie die Hintergrundfarbe ändern, ohne das die anderen Seiten dann auch die neue Hintergrundfarbe haben?
Die Felder des Kontaktformulars kannst Du unter "2 Vorlage", "Textstile, Felder und Buttons" stylen (Rand, Randfarbe, Hintergrundfarbe usw.). Das Kontaktformular sollte nicht über die ganze Seite gestreckt werden, das sieht bei größeren Bildschirmen etwas seltsam aus. Lt. DSGVO solltest Du im Kontaktformular und auch in der Datenschutzerklärung auf die Verarbeitung und Speicherung der persönlichen Daten hinweisen. Im Kontaktformular ist auch eine Einwilligung für die Verarbeitung der persönlichen Daten einzuholen. (Obwohl es hier vereinzelt Meinungen gibt, dass dies nicht nötig ist, bits Du mit der Einwilligung auf der sihceren Seite.)
Die Hintergrundfarbe bei den Galerieseiten kannst Du individuell einstellen. Einmal bei den Eigenschaften der Seite im Reiter "Grafik" oder zum zweiten entweder über den Button "Stil" beim Objekt oder über den Zeilenstil oder sogar über beides zusammen.
Außerdem solltest Du das Aussehen der Datenschutzerklärung überarbeiten. Das sieht ja schon sehr gequetscht aus in der Höhe und die zentrierte Darstellung aller Textelemente fördert auch nicht die Lesbarkeit. Und wie oben schon erwähnt solltest Du hier auf die Verarbeitung und Speicherung der persönlichen Daten hinweisen.
Autor
Super, vielen Dank für deine Hilfe. Dann weiß ich ja schon mal wie und wo ich weiter machen muss.
Klasse Forum hier.
Liebe Grüße
Kai