[ad_1]
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
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?