Hur göra en mobilanpassad sajt.


Marion
 Share

Recommended Posts

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.

Link to comment
Share on other sites

 

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

Link to comment
Share on other sites

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.

Edited by si3rra
Link to comment
Share on other sites

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?

Edited by Marion
Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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)

post-9713-0-68971700-1412330328.png

 

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

 

min egen sida ser olika ut i olika enheter

Link to comment
Share on other sites

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

Edited by johnh3
Link to comment
Share on other sites

 

 

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:

post-6485-0-98341500-1412441697.jpg

Edited by Marion
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

 

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?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share