Mobile Version - Individuell anpassen?

  • Hallo,

    ich möchte meine Website auch für die mobilen Nutzern einigermaßen ansprechend
    darstellen und hab mich mal an entsprechenden Plugins ausprobiert, die die
    Homepage automatisch für Smartphones und Tablets umwandeln.

    Jedoch gefällt mir die Umwandlung bei einigen Stilelementen nicht, die ich gerne
    manuell anpassen würde. Kennt jemand ein Plugin oder einen anderen Weg, der
    es mir erlaubt eine mobile Version automatisch zu erstellen und gleichzeitig manuell
    zu verbessern, also anzupassen?

    Wie immer Danke ich euch für Eure Zeit und Mühe!

    Viele Grüße

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • hy..
    das kommt jetzt zb. auch auf template an.
    Die meisten kauf versionen haben bereits eine gute ansicht.

    Manuell anpassen, ist immer am besten per hand.
    Den ein Modul kann nich alles

  • Hi,

    Ich benutze gerade das Theme Twenty Eleven. Hab das grafisch überall angepasst (Größe, Breite, Header....)
    und habe einige Icons verwendet, die ich in der Desktop-Version geordnet darstelle. Wenn ich jedoch in die mobile Version
    springe, dann werden die kleinen Bildchen völlig durcheinander dargestellt. Das sieht extrem unordentlich aus.

    Diese Bilder würde ich gerne manuell anpassen, aber ich habe keinen Weg gefunden wie ich, wie bei der Desktop-Version,
    diese zum Beispiel über verschieben, vergößern.. ändern kann.

    Im Prinzip benötige ich eine mobile Version, die nicht komplett parallel zu der Desktop-Version arbeitet, so dass ich kleine
    Korrekturen vornehmen kann.

  • Hallo,

    ist es nicht möglich die mobile Version ein wenig von der Desktop-Version abzuändern, so dass man
    Grafiken verschiebt oder die Schriftgröße NUR in der Mobilen verändert?

  • Hi,

    Ich habe bei meiner Desktop Version Icons und Bilder verwendet, die bei der Mobilen teilweise verrutschen.
    Außerdem haben die Begrenzungsstriche einen größeren Abstand zum nächsten Absatz als bei der Desktop-Version.

  • Wenn ich das richtig verstehe, dann weise ich der mobilen Version in der style.css einen eigenen Bereich zu, der von der
    Desktop-Version getrennt ist. Stimmt das ungefähr?
    Kannst du mir ganz kurz die allgemeine Vorgehensweise erklären, damit ich die Struktur sehe?

  • Der zweite Link zeigt drei Richtliniengrößen für die zugehörigen Endgeräte PC, Tablet, Smartphone.
    Reicht das um alle unterschiedlichen Modelle korrekt darzustellen oder kann es sein dass dann
    bestimmte Modelle bei der Oberfläche ein wenig verrutschen?

  • Du kannst doch dein Browserfenster stufenlos verkleinern und vergrößern, dann siehst du ob es überall passt :)
    Grundsätzlich solltest du nicht für feste Größen optimieren, sondern fluid designs machen, also mit %-Werten arbeiten.
    Ist ein umfangreiches Thema ... aber du kannst das alles im Netz lernen

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

  • Ja das mit den Verkleinern und Vergrößern hab ich schon über Mozilla Aurora probiert.
    Dort werden alle Modelle angezeigt und schon sieht man ob es von der Oberfläche her passt.

    Gilt also der Richtwert für Smartphones gleich für alle Modelle, so dass sich alle Geräte gleichzeitig anpassen,
    egal ob mit kleinerem oder größerem Bildschirm?

  • Gilt also der Richtwert für Smartphones gleich für alle Modelle, so dass sich alle Geräte gleichzeitig anpassen,
    egal ob mit kleinerem oder größerem Bildschirm?

    Meinst du die 320px Breite?
    Ich denke eine schmälere Auflösung wird kaum ein Smartphone haben.

    Im Chrome kann man im Entwicklermodus auf responsive testen, dort sind vordefinierte Geräte drin und das iPhone5 ist das kleinste Gerät.
    Ich denke kleiner muss man nicht gehen, lasse mich aber auch gerne eines besseren belehren.

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

  • Ich denke ich vertraue auf die drei Größen, dass die auch passen. Im Entwicklermodus sah soweit alles gut aus,
    aber das sah bei meinem Mobile Menü auch so aus und dann konnte ich es auf dem Smartphone nicht öffnen.

  • Gilt also der Richtwert für Smartphones gleich für alle Modelle, so dass sich alle Geräte gleichzeitig anpassen, egal ob mit kleinerem oder größerem Bildschirm?

    Nein, leider nicht. Zudem verändert sich das dauernd. Neue Geräte, neue Masse.

    Wie viele Breakpoints ein responsives Design haben soll und welche (und was wo wie dargestellt und funktionieren soll), ist eine Frage der Erfordernisse und des Aufwands, der betrieben werden soll oder kann. Und es ist eine philosophische Frage, inwiefern überhaupt ein responsives oder eher ein adatptives Webdesign oder eine Mischung von beidem verwendet werden soll.

    Letztlich bleibt Dir nur die Möglichkeit, die Website auf möglichst vielen Geräten zu testen. Dafür gibt es beispielsweise die Open Device Labs:

    http://opendevicelab.com

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!