Sponsored Links |
|
||||
Wie wäre es zu Beginn des Surfens mit einem Smartphone einen Dialog zu zeigen, ob man zu einer Mobilen Version wechseln will? (so wie bei kicker.de)
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
||||
Zitat:
mmmh, ich nehme mal an das funktioniert irgendwie über den Useragent, oder?
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
||||
Ja und über Javascript (oder auch nur über Javascript.) Hier meine Lösung:
PHP-Code:
Anschließend jage ich die JavaScript-Funktion durch den Äther: Code:
function AlertIfMobile(){ if (document.URL.indexOf("www.url.endung")>-1){ var Check = false; Check = confirm("mobile.website.endung für Ihr mobiles Endgerät. Wollen Sie wechseln?"); if (Check == true){ window.location.href = "http://mobile.url.endung/"; } } }
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
||||
Die Suchstrings würde ich mir ja zur Redundanz-Verringerrung in ein array schreiben, und vor allem das Ganze case-insensitive machen - ab PHP 5 mit stripos, und mit PHP 4 mit strtolower für den gesendeten User Agent und dann alle Suchstrings kleinschreiben. (nicht dass die Abfrage mal nicht greift, nur weil ein User Agent eine andere Groß-/Kleinschreibung verwendet).
Aber da es möglich ist, dass der User Agent eh ganz anders lautet (wenn z.B. eine Firma Geräte an Mitarbeiter ausgibt und ihn verändert), kann man das Ganze auch ohne User Agent machen, und zwar rein per CSS, mit media queries. Eine Idee (aber es gibt natürlich noch unzählige andere Möglichkeiten): Man schreibt einen Link zur mobilen Website ganz normal ins HTML, blendet ihn aber nur unterhalb einer gewissen device-width ein. Z.B. erreicht man mit max-device-width: 768px alle mobilen Geräte bis hoch zum iPad - und dieses übrigens auch, wenn es quer gehalten wird, denn als device-width gibt es immer seine Breite im Hochformat wieder (genau wie auch iPhone & Co.), und nicht etwa 1024px (dieser Irrtum ist leider auf tausenden von Seiten im Web zu lesen). Zur Ausgangsfrage denke ich auch, man sollte die Nutzer mobiler Geräte nicht zwingen, die mobile Website zu benutzen, sondern ihnen immer die Wahl lassen - am besten auf jeder einzelnen Seite, so dass sie jederzeit hin- & herwechseln können (genau wie z.B. auch bei der Wahl der Sprache).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
||||
Zitat:
Zitat:
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
||||
Vielen dank euch beiden!
Zitat:
Da ich grad erst so richtig anfange mich mit media-queries und dessen Möglichkeiten vetraut zu machen, ist mir so einiges noch nicht ganz klar. Das bei jeder Seite ein Link zur normalen Websiteversion eingeblendet wird und umgekehrt ist eindeutig die beste Möglichkeit. Das setzt aber voraus dass die mobile Version eine andere URL hat, wenn ich das richtig verstehe. Daraus ergibt sich für mich, dass ich praktisch zwei Versionen erstellen muß, z.B. normal.de und mobile.normal.de (als sub). Mmmmh, ist eine erhebliche Mehrarbeit, wenn ich das richtig sehe. Da ich mit Wordpress arbeite brauche ich wohl zwei unabhängige WP-Installationen. Eine im Root (/) und eine in einem Ordner (subdomain!). Vielleicht verstehe ich da etwas auch vollkommen falsch, weil ich die Möglichkeiten von media-queries noch nicht so genau kenne.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
|||
Zitat:
Der Witz bei diesem Vorgehen ist eigentlich, dass man eben nicht verschiedene Versionen einer Website für verschiedene "Geräte" vorhält. Deshalb kann man auch nicht sinnvoll einen Link zum "Umschalten" anbieten. Wohin auch? Ist ja alles eins. Etwas anderes ist eine separate, mobile Version einer Website. Da wird dann unterschiedlicher Inhalt und ein unterschiedliches Layout angeboten. Da ist dann ein Link zum Wechseln sinnvoll. Eine schnelle Suche ergibt WordPress › WordPress Mobile Pack « WordPress Plugins für Wordpress. Welche Möglichkeit die "bessere" ist wird heiß diskutiert (Stichwort "One Web"). Ich meine, es ist von der Website und deren Umfang abhängig, welche Möglichkeit man wählt.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Zitat:
Zitat:
Zitat:
In letzterem Falle klickt der Besucher auf einen Link, der letztlich nur einen Cookie setzt, durch den ab dann ein anderes oder zusätzliches CSS und ggf. ein viewport-meta-Element eingebunden wird, so dass die Standard-Website plötzlich zur "mobilen" wird, z.B. mit einem abgespeckten Design ohne Hintergrundgrafiken etc. Wer das nicht will, kann wieder zur normalen Website wechseln - die übrigens trotzdem gerne responsive sein kann! Nur vielleicht nicht ganz so krass wie die "mobile" ohne Hintergrundgrafiken o.ä. Aber der Punkt ist eben: Ein konventionelles Responsive Layout lässt dem Besucher nicht die Wahl, sondern liefert ihm ein vorgegebenes Design, das z.B. abhängig ist von der Breite seines Gerätes und/oder seines Viewports. Wenn Du dem Besucher jedoch die Wahl lassen willst, ob die Seite auf seinem iPhone so aussehen soll, wie er es von seinem Desktop kennt, oder ob er lieber eine schnelle (da z.B. grafisch abgespeckte) und einfacher zu bedienende (da z.B. riesige Navi-Links etc.) Version haben möchte, musst Du ihm irgendwo eine Wahlmöglichkeit geben, und diese dann natürlich auch bedienen.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
|
|||
Ich bin/war mir da nicht so sicher. Was ist eine "CSS-Version"? Und dann noch Media-Queries ...
Ich empfinde die Fragestellung als extrem unkonkret, deshalb mein Hinweis auf die unterschiedlichen Vorgehensweisen. Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
input type als normalen link umschreiben? | sepp88 | Serveradministration und serverseitige Scripte | 6 | 29.08.2009 11:47 |
Tipps fürs Layout? | chilla | Site- und Layoutcheck | 13 | 10.08.2007 15:53 |
Probleme mit Layout | kruemelchen26 | CSS | 0 | 15.05.2007 23:40 |
Problem mit Hintergrund vom Sidebar! | Pumpkin | CSS | 2 | 01.04.2006 05:14 |
Sidebarlänge dem Content anpassen?! | Pumpkin | CSS | 2 | 14.03.2006 18:21 |