Angeläget Hur göra en mobilanpassad sajt.

[Marion]

Hej som rubriken säger, vill jag hemskt hjälpa en vän med att göra en mobilanpassad sajt.

Befintlig sajt skall delvis speglas så den visas i mobil utan att gå "sönder" - vilket den blir nu.

 

Titta lite på Wordpress, men där måste man bygga om sajten, det blir jobbigt.

Nån som kan detta eller vill ta jobbet (?) han betalar givetvis.

[si3rra]

Finns rätt mycket "responsiva" mallar att utgå ifrån här är några ex.

 

http://html5up.net/

http://designscrazed.org/free-responsive-html5-css3-templates/

http://pixelbell.com/90-absolutely-free-responsive-html5-css3-website-templates/

[Marion]

Finns rätt mycket "responsiva" mallar att utgå ifrån här är några ex.

 

http://html5up.net/

http://designscrazed.org/free-responsive-html5-css3-templates/

http://pixelbell.com/90-absolutely-free-responsive-html5-css3-website-templates/

 

oki kan Sierra vara lite mer konkret, vore han snäll? Vad menas med "responsive"?

[si3rra]

Kan jag väl, fast kan också låta wikipedia förklara det hela

http://sv.wikipedia.org/wiki/Responsiv_webbdesign

 

Fast om nu befintlig sida ska användas till grund så är ju frågan lite hur dagens sida ser ut och är uppbyggd, annars är ju alternativet att göra en alternativ sida av det som finns, och sedan ha ett script på startsidan som väljer om man ska skickas till den mobila eller desktop-varianten av sidan.

Redigerad Oktober 2, 2014 av si3rra

[Marion]

Kan jag väl, fast kan också låta wikipedia förklara det hela

http://sv.wikipedia.org/wiki/Responsiv_webbdesign

 

Fast om nu befintlig sida ska användas till grund så är ju frågan lite hur dagens sida ser ut och är uppbyggd, annars är ju alternativet att göra en alternativ sida av det som finns, och sedan ha ett script på startsidan som väljer om man ska skickas till den mobila eller desktop-varianten av sidan.

 

Okej.. nu är jag med lite mer.

Jag mounta befintlig sajt här: http://www.dudamobile.com/    (Titta gärna om det verkar seriöst.)

 

Det blev ganska bra, enkelt att importera och enkelt att förändra..

 

Edit: jag hitta scriptet som redirectar till mobilen, som jag lägger i index.htm i ftp-roten... osv..

Innan jag lägger energi på detta, är Dudamobile.com ett bra ställe tro?! Det kostar pengar osv.. vad tror du?

Redigerad Oktober 2, 2014 av Marion

[si3rra]

alltså som det ser ut på dudamobile så skapar den ju en s.k responsiv sida, och med en sådan så anpassar den sig automatiskt efter hur stor enheten är, så då ska du inte behöva något script (Tror jag, prova bara ändra storlek på webbläsarfönstret så kommer du ser hur sidan ändras med storleksändringen.

 

Skriptet var ju mera en tanke om man behåller den befintliga sidan och skapar en ny mobilsida, så man har en mobil och en desktop-variant och vill att webbläsaren ska avgöra vilken som ska visas, t.ex som trafikverket

om du besöker med en dator så kommer du till trafikverket.se från en mobil enhet blir det m.trafikverket.se

 

[PCGuiden]

Om man byter tema i wordpress så finns det ju en markering som visar hur den ser ut via dator, platta och mobil, klickar man på dom olika ikonerna så ser man hur sidan kommer att se ut. (i läget byta tema)

 

Sen skulle jag tro att olika webbläsare visar sidan olika.

 

min egen sida ser olika ut i olika enheter

[johnh3]

Finns många bra exempel på responsiva hemsidor:

http://designmodo.com/responsive-design-examples/

 

Tänkte på Swedbank i det här sammanhanget.

De har "förbättrat" sin hemsida:

http://www.swedbank.se/

 

Men i och med det kan man inte längre använda Windows Phone:

http://www.mobil.se/mobilbusiness/mobila-tj-nster/swedbank-l-gger-ner-mobilbanken#.VDAF3RYm3Uk

 

Det optimala är ju en sida som anpassar sig efter displaystorlek och är plattformsoberoende.

Jula är ett mer positivt exempel:

http://www.jula.se/om-jula/press/pressreleaser/?releaseId=1678226

Redigerad Oktober 4, 2014 av johnh3

[Marion]

 

 

Skriptet var ju mera en tanke om man behåller den befintliga sidan och skapar en ny mobilsida,

 

Ja, precis såja, jag var otydlig där.

Befintlig sajt skall speglas så den byter skepnad i mobil (utan att gå "sönder" som den gör idag)

 

Och jag får således köra ett script i head-taggen tror jag?!

<script src="http://static.dudamobile.com/DM_redirect.js" type="text/javascript"></script>

<script type="text/javascript">DM_redirect("http://mobile.dudamobile.com/site/xxxxxx");</script>

 

En fråga.. hur visas den i en android/iPad -platta måntro?

 

Så det blir detta koncept:

Redigerad Oktober 4, 2014 av Marion

[JoWa]

I Chrome, Fler verktyg > Verktyg för programmerare (Ctrl+Skift+I) finns en mobilliknande ikon. Klicka på den, så ser du hur sidan ser ut på olika enheter.

 

Device Mode & Mobile Emulation

[si3rra]

Skriptet säger ju

if ((navigator.userAgent.match(/^[^\[]*(iPhone|iPod|BlackBerry|Android.*Mobile|BB10.*Mobile|webOS|Windows CE|IEMobile|Opera Mini|Opera Mobi|HTC|LG-|LGE|SAMSUNG|Samsung|SEC-SGH|Symbian|Nokia|PlayStation|PLAYSTATION|Nintendo DSi).*$/im)) ) {

 

så blir det redirect.

[Marion]

Fråga..

När jag klickar på länken/sajten via Eniro eller Hitta länkning, så triggar inte scriptet, utan man hamnar på "originalsajten".

Kommer man från google fungerar scriptet och går över till "mobil-mode"

 

Kan man fixa detta?

[si3rra]

På en mobil/annan enhet eller när du kör emulerad mobil enhet i Chrome?

Hade varit lite lättare att prova om vi faktiskt hade fått se adressen till sidan

Redigerad Oktober 5, 2014 av si3rra

[Marion]

 

Hade varit lite lättare att prova om vi faktiskt hade fått se adressen till sidan

 

mjoo så sant, men vill inte skylta med vilka jag känner. Har blottat mej tillräckligt för detta år 

 

Hursomhelst, jag närmar mej slutet, allt fungerar såsett. Men detta jag speglar till mobilen, är inte responsivt, utan helt tvärtom.

Det sista jag undrar nu, eftersom all text från källan finns på huvudsajten, så kommer inte allting med på mobilen.

Detta betyder att jag "lurar" Google och riskerar att bli borttagen, när man kör SEO får man inte dölja taggar eller jobba invisibelt, så jag vet inte om detta är rätt/lagligt, vet du Sierra?