[GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

nockenfell · 30. September 2013 12:11

Hast du das mal unter http://demo.mobiledetect.net/ ausprobiert. Stimmt es dort? Wenn ja, aktualisiere ich die Class.

COR9 · 30. September 2013 12:44

Ja. Wird als Computer erkannt, obwohl es ein Smartphone ist.

Hier mal der UA:

Hier klicken, um den Code zum Kopieren zu markieren

[== Useragent String ==]
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.34 Safari/534.24

nockenfell · 30. September 2013 13:10

Auf der Seite http://demo.mobiledetect.net kannst du ein Feedback geben. Schreib dort hin, dass die Erkennung nicht korrekt war. Dann wird dein Handy möglicherweise in einem der nächsten Updates unterstützt.

COR9 · 30. September 2013 13:16

Schon passiert, danke für den Hinweis.

noober · 17. Oktober 2013 12:06

2 Fragen noch :

1. wie leite ich denn bei dieser Methode auf eine eigene mobile Seite weiter anstatt im Content hin-und-her zu schalten?
meine mobile Seite liegt hier: "http://www.namederseite.de/mobile/startseite"

2. wie kann ich tablets den den normalen Seiten zuordnen? (Seite ist auf 940px angelegt)

nockenfells Umschalter: (Toolbox ist installiert)

---------------------------------------------------------------------------------------------
{process_pagedata}
{strip}
{if $smarty.get.forceDesktop== 1}
{tbSessionSet name="forceNoMobile" value=true}
{elseif $smarty.get.unForceDesktop == 1}
{tbSessionUnset name="forceNoMobile"}
{/if}
{content assign="inhalt"}
{if $tbmobile->isMobile() and !$tbmobile->isTablet() and !$smarty.session.forceNoMobile}
{assign var="isMobile" value=true}
{else}
{assign var="isMobile" value=false}
{/if}
{/strip}

<!DOCTYPE html>
<html>
<head>
....
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{sitename} - {title}</title>
...

{if $isMobile}

{else}
{cms_stylesheet}
{/if}
</head>

---------------------------------------------------------------------------------------------

nockenfell · 17. Oktober 2013 19:17

Mit $tbmobile->isTablet() kannst du herausfinden ob ein Tablet auf die Seite kommt. Im oben stehenden Script wird ein Tablet grundsätzlich vom Mobile Theme ausgenommen.

noober · 18. Oktober 2013 16:18

habe Janls Version ausprobiert, diese funktioniert einwandfrei. Habe "...(window).width() < 500" gesetzt und somit wird auf dem tablet auch die gewünschte desktop Version angezeigt.

Vielen Dank nochmal allen Beteiligten!

kampkrusty · 16. Februar 2015 15:22

Der Thread ist jetzt bald anderthalb Jahre alt, daher die Frage ob das noch immer so läuft?

Unsere Seite (CMS 1.11.10) ist nicht sehr mobil freundlich. Das möchten wir ändern. Wenn möglich mit nicht allzu großen Aufwand wink
Daher die Frage lässt sich das technisch halbwegs automatisieren, bspw mittels extra Modul oder muss sollte man hier tatsächlich komplett neu aufbauen?
Wenn Letzteres wo bekommt man hier gute Tipps her (Schriftgröße, Bildgröße etc).

Was ist hiervon zu halten: http://www.i-do-this.com/blog/Make-your … e-ready/57

Versteht mich nicht falsch, im Moment suche ich noch nach einem Konzept, dieses Projekt anzugehen.

Beitrag geändert von kampkrusty (17. Februar 2015 08:25)

Andynium · 17. Februar 2015 23:25

kampkrusty schrieb:

daher die Frage ob das noch immer so läuft?

Theoretisch schon ... allerdings würde ich da eher auf Media-Queries setzen. Damit isses wurscht, mit welchem Gerät die Seite angeschaut wird und ob es richtig erkannt wird. Entscheidend ist dann vielmehr die Bildschirmgröße, auf dem die Webseite angezeigt wird.

kampkrusty schrieb:

Unsere Seite (CMS 1.11.10) ist sehr mobil freundlich. Das möchten wir ändern.

Ähmm, wie jetzt? Eure Seite soll nicht mehr mobil freundlich sein cool big_smile ?

kampkrusty schrieb:

Wenn Letzteres wo bekommt man hier gute Tipps her (Schriftgröße, Bildgröße etc).

Mit der Schriftgröße ist es relativ einfach - halt einfach eine relative Größe wählen (em anstatt px)

http://wiki.selfhtml.org/wiki/CSS/Werte … nma.C3.9Fe

Für die Bildgrößen guckst du z.Bsp. hier

http://blog.kulturbanause.de/2014/09/re … -adaptive/

Andynium · 17. Februar 2015 23:36

kampkrusty schrieb:

Wenn Letzteres wo bekommt man hier gute Tipps her (Schriftgröße, Bildgröße etc).

Hier gibts auch noch etwas dazu

http://t3n.de/news/google-verraet-dir-wordpress-591803

kampkrusty · 17. Februar 2015 08:34

cyberman schrieb:

kampkrusty schrieb:
Unsere Seite (CMS 1.11.10) ist sehr mobil freundlich. Das möchten wir ändern.
Ähmm, wie jetzt? Eure Seite soll nicht mehr mobil freundlich sein ?

Hab es korrigiert. wink

Gibt es zu den Media-Queries ein Anleitung/Beispiel?

Grundsätzlich wollte ich auf Smartphones ein stark abgesteckte Seite anbieten. Ohne Slider, Sidebar etc. Die Menüpunkte (auch diese ausgedünnt) sollten vertikal dargestellt werden.
Allerdings wäre das für 7'' Geräte wohl zu abgespeckt. Das würde bedeuten, dass man eine dritte Seite konzipieren müsste, oder mache ich es mir zu kompliziert?

NaN · 17. Februar 2015 09:04

Gibt es zu den Media-Queries ein Anleitung/Beispiel?

Einfach mal im Netz nach Media-Queries suchen.
Da findest Du mehr als genug:
http://wiki.selfhtml.org/wiki/CSS/Media_Queries
http://www.mediaevent.de/css/media-query.html
http://mediaqueri.es/

Das Prinzip ist einfach. Stell Dir einfach vor, du erstellst ein Stylesheet. In diesem Stylehseet gibst Du einem <div> eine bestimmte Größe. Diese Größe soll das <div> aber nur dann bekommen, wenn die Fenstergröße des Webseitenbesuchers eine bestimmte Mindestgöße hat. Anderenfalls hat das <div> eine andere oder garkeine Größe:

Hier klicken, um den Code zum Kopieren zu markieren

div.blablubb {
    width: 800px;
}

@media screen and (max-width:500px)
{
    div.blablubb {
        width:500px;
    }
}

Also das <div class="blablubb"> hat normalerweise eine Breite von 800px.
Hat aber das Fenster nur eine Breite von maximal 500px, hat das <div class="blablubb"> eine Breite von 500px.

Wie Du vielleicht schon siehst, helfen Dir Media-Queries allerdings lediglich beim Layout, jedoch nicht beim Inhalt. Du kannst zwar je nach Bildschirmgröße etc. Inhalte mit display:none auch ausblenden, aber sie stehen trotzdem im HTML-Code und werden daher trotzdem geladen.

Deshalb solltest Du serverseitig vor dem Ausliefern der Inhalte prüfen, ob es ein mobiles Gerät ist, oder nicht und dann ggfs. die Inhalte erst garnicht mit ausgeben.

Je nachdem wie stark sich die Inhalte unterscheiden, musst Du entweder für jede Seite eine Mobile-Seite anlegen und dann darauf umleiten oder Du prüfst das im Seitentemplate und gibst diese oder jene Inhalte nur für bestimmte Geräte aus.

Es gibt auch noch die Möglichkeit, mit .htaccess einiges zu steuern (Bilder z.B. - d.h. alle Bild-Anfragen mit einem bestimmten Cookie erhalten eben das kleine/große Bild). Das ist aber von Cookies und Javascript und evtl. auch vom Server abhängig (je nachdem wie komfortabel man es haben will).

kampkrusty · 17. Februar 2015 09:15

Danke für den krzen Einstieg.

Bezüglich Templates habe auch noch diese Seite gefunden: http://w3layouts.com/

Was ich mich jetzt noch frage ist ob es aufwendiger ist die bestehende Seite umzubauen bzw. anzupassen, oder man sich lieber ein responsive Template heraus sucht und seine Seite neu erstellt.

Ich habe von CSS nur Grundkenntnisse. Bisher habe ich mir auch immer nur vorgefertigte Templates genommen und diese auf meine Bedürfnisse angepasst.

Andynium · 21. Februar 2015 19:13

kampkrusty schrieb:

Ich habe von CSS nur Grundkenntnisse. Bisher habe ich mir auch immer nur vorgefertigte Templates genommen und diese auf meine Bedürfnisse angepasst.

Dann solltest du bei diesem, für dich bewährten Prinzip bleiben, wenn nicht andere Gründe entgegen stehen ...

Forum für CMS/made simple

#26 30. September 2013 12:11

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#27 30. September 2013 12:44

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#28 30. September 2013 13:10

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#29 30. September 2013 13:16

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#30 17. Oktober 2013 12:06

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#31 17. Oktober 2013 19:17

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#32 18. Oktober 2013 16:18

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#33 16. Februar 2015 15:22

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#34 17. Februar 2015 23:25

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#35 17. Februar 2015 23:36

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#36 17. Februar 2015 08:34

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#37 17. Februar 2015 09:04

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#38 17. Februar 2015 09:15

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

#39 21. Februar 2015 19:13

Re: [GELÖST] Von bestehenden MS Webseite eine Mobile-Extra-Version erstellen?

Fußzeile des Forums