Hallo, kurz zu meinen Voraussetzungen: Noob und null Plan.
Ich frage mich gerade nach dem Sinn, der verschiedenen Ansichten (Desktop, Tablet und Mobil) im responsiven Modus. Ich dachte es wäre dafür da, verschiedene Ansichtenzu optimieren. Aber die Veränderungen übertragen sich ja auch auf die anderen Ansichten? Wenn mich also ein Trennstrich in der Mobilen Ansicht stört und ich ihn entferne, verschwindet er auch in der Desktopansicht. Oder verstehe ich die Funktion falsch/bediene ich sie falsch?
Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
Nehmen wir an, du hast eine Webseite mit einer horizontalen Navigationsleiste. Darin stehen fünf Links zu verschiedenen Unterseiten.
Schaust du dir die Webseite unverändert auf einem kleineren Display eines Tablet oder Smartphone an, werden die Links so klein, dass du deine Finger anspitzen müsstest, um die Links noch per Fingertipp aufrufen zu können. Das Ganze ist dann auch kaum noch lesbar, wenn die Webseite einfach auf die Bildschirmgröße des Smartphone verkleinert wird. Eine dreispaltige Galerie würde Bilder so klein anzeigen, dass die Bildinhalte kaum noch erkennbar sind, wenn die Galerie nur verkleinert wird.
Mit „responive Webdesign“ (auf Deutsch am besten übersetzbar als reaktionsfähiges Design) ist gemeint, dass ein nicht mehr bedienbares horizontales Menü durch ein Hamburger-Icon mit Off-Canvas-Menü ersetzt wird. (Off-Canvas-Menüs bezeichnen Menüs, die sich außerhalb des Sichtfeldes (Canvas) befinden und per Klick auf das Hamburger-Icon von der Seite eingeschoben werden). Aus der dreispaltigen Galerie wird ein einspaltiger Bilder-Stapel usw. Ziel ist, die Webseite auf allen Medien bedienbar und vor allem lesbar zu halten.
Wo und wie du nun ein responsive Webdesign festlegst, hängt vom verwendeten Theme und Page Builder (Standard-Block-Editor von WordPress, Elementor, WP Bakery, Visual Composer …) ab. Da du keine Angaben gemacht hast, was du verwendest, kann ich darauf auch nicht eingehen. Bestimmte Design-Elemente (z.B. eine Hintergrundfarbe) wirst du unabhängig von Bildschirmgrößen angeben, aber ob und wie ein Hamburger-Menü angezeigt werden soll, welches Menü auf welcher Bildschirmgröße angezeigt werden soll, ob Galerien auf kleinen Displays gestapelt werden sollen usw. hängt aber von deinen individuellen Einstellungen ab.
Okay. Die Funktion des responsiven Designs ist mir geläufig.
Ich nutze OceanWP und Elementor.
Was ich nicht verstehe – nehmen wir mal die Überschrift Herzlich Willkommen auf der Seite https://physiotheraqi.de/
Hier kann ich beim Umschalten von Desktop auf Mobilansicht die Position der Überschrift in der jeweiligen Ansicht anpassen (Desktop linksbündig, Mobil Rechtsbündig), die Farbe aber nicht.
Woher weiß ich nun, welche Anpassungsmöglichkeiten individuell und welche nur global möglich sind?
/Geistesblitz So wie ich das schreibe habe ich gleich eine Vermutung. Die Einstellungen, neben denen man explizit die Ansicht auswählen kann, lassen sich individuell einstellen. Aber warum ist das so? Schriftgröße, Zeilenabstand, Zeilenhöhe gehen. Farbe aber nicht?
Die Funktion des responsiven Designs ist mir geläufig.
Das war aus deiner Aussage „Ich frage mich gerade nach dem Sinn, der verschiedenen Ansichten (Desktop, Tablet und Mobil) im responsiven Modus.“ nicht ersichtlich. Wir wissen nicht, welchen Kenntnisstand du hast und beantworten auch Fragen von Einsteigern („Noob und null Plan“), die nicht wissen, was responsive Design ist.
Ich nutze OceanWP und Elementor.
Da hast du mir etwas voraus. Ich nutze Elementor nicht.
Hier kann ich beim Umschalten von Desktop auf Mobilansicht …
Es geht bei den Einstellungen weniger darum, wie du dir das Ergebnis ansiehst. Du bekommst bei verschiedenen Einstellungsoptionen ein kleines Desktop-Icon angezeigt, dass du – hier im Beispiel z.B. für Tablets – wechseln kannst, um Einstellungen für verschiedene Medien vorzunehmen:
Das beantwortet nicht meine Frage, warum das beispelsweise bei der Position der Überschrift möglich ist, für verschiedene Endgeräte diese anzupassen, bei der Farbe aber nicht. Da muss ich dann darüber gehen doppelt Elemente anzulegen, um sie dann in der jeweils anderen Ansicht auszublenden. Verstehe ich nicht, würde ich aber gerne. Ändern kann ich es so oder so nicht.
Die Frage nach der Änderung der Farbe über Bordmittel bei Desktop, Tablet und Mobil müsstest du im Support-Forum von Elementor stellen. Ich verwende Elementor aus verschiedenen Gründen nicht.
Grundsätzlich kann man allerdings solche Dinge z. B. über eine Media Query per CSS lösen, wenn es nicht anders geht.
Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
Das Thema „Mobile Ansicht vs. Desktop Ansicht“ ist für neue Antworten geschlossen.
