Redirect σε mobile site

[nicker]

Καλησπέρα. Το καλύτερο που έχεις να κάνεις είναι να φτιάξεις απλά ένα css ειδικά για handheld devices στο οποίο θα "κρύβεις" τα περιττά στοιχεία με ένα display:none ή διαφορετικά floats κλπ ή θα τους ορίζεις διαφορετικές ιδιότητες που να βολεύουν στην οθόνη του κινητού.

 

Δες κι εδώ

 

http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/

 

Ναι κάπως έτσι. Το πως θα παραμετροποιήσω το CSS το ξέρω. Την ανακατεύθυνση δεν ήξερα πως να την κάνω αλλά με την βοήθεια του parsifal την βρήκα την άκρη. Θα ήθελα να ξέρω αν υπάρχει κάποια λύση (εύκολη) και για στατικά site που είναι σχεδιασμένα μόνο με XHTML και CSS.

[TaGGeR]

Δεν καταλαβαίνω γιατί θες ανακατεύθυνση βασικά. Η λογική του διαφορετικού css είναι αυτή, όταν είναι υπολογιστής, να διαβάζει το media=screen, όταν είναι για εκτύπωση να διαβάζει το media=print, όταν είναι κινητό/tablet να διαβάζει το media=handheld. Γιατί να ορίζεις εσύ τι θα δείξεις όταν μπορεί ο browser να δει μόνος του τι θα δείξει;

 

 

Edit: εκτός αν θες να κάνεις κάτι άλλο που δεν κατάλαβα, οπότε πάσο!

[nicker]

Δεν καταλαβαίνω γιατί θες ανακατεύθυνση βασικά. Η λογική του διαφορετικού css είναι αυτή, όταν είναι υπολογιστής, να διαβάζει το media=screen, όταν είναι για εκτύπωση να διαβάζει το media=print, όταν είναι κινητό/tablet να διαβάζει το media=handheld. Γιατί να ορίζεις εσύ τι θα δείξεις όταν μπορεί ο browser να δει μόνος του τι θα δείξει;

 

 

Edit: εκτός αν θες να κάνεις κάτι άλλο που δεν κατάλαβα, οπότε πάσο!

 

Ναι άλλα το αν θα είναι υπολογιστής μόνο με php μπορείς να το ορίσεις; Σωστά; Σε στατικό site που δεν έχουμε άλλο php κώδικα υπάρχει άλλος τρόπος να το κάνουμε; Αυτό εννοούσα! Δηλαδή με λίγα λόγια ο έλεγχος πως θα γίνει χωρίς server-side γλώσσα.

[_tasos]

Πολύ ενδιαφέρον το media=handheld και έκανα λίγο googling για αυτό. Πέτυχα αυτό το άρθρο http://programming4.us/mobile/1280.aspx που εξηγεί κάποια πράγματα. Κάπου όμως αναφέρει το εξής:

 

Clearly, we can’t rely on the media="handheld" attribute!

 

και στη συνέχεια προτείνει κάποια media queries. Πολύ πρόχειρα που το είδα, κατάλαβα ότι δεν έχουν όλοι οι browsers την ίδια υποστήριξη και ίσως και να μπλέξεις. Εφόσον όμως δεν έχεις server side κώδικα μάλλον είναι μία καλή προσέγγιση.

 

 

 

 

 

[parsifal]

και στη συνέχεια προτείνει κάποια media queries. Πολύ πρόχειρα που το είδα, κατάλαβα ότι δεν έχουν όλοι οι browsers την ίδια υποστήριξη και ίσως και να μπλέξεις.

Αναμενόμενο να υπάρχει θέμα, τα Media Queries είναι χαρακτηριστικό της CSS 3. Κάτι μου λέει ότι μόνο σε σύγχρονα smartphones με webkit-based browser θα έχουν πιθανότητα να παίξουν σωστά.

[TaGGeR]

Edit: Αυτά παθαίνεις όταν δεν κοιτάς να θυμηθείς το start topic... Το αφήνω μήπως χρειαστεί σε κάποιον άλλον, αλλά προφανώς δεν κάνει για σένα εφόσον ζητάς να μην έχει ξεχωριστό subdomain

 

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

 

Από ένα ebook για wordpress που διαβάζω... και θυμήθηκα το thread...

 

δεν το έψαξα, αλλά ίσως κάνει δουλειά.

 

"Mobify

 

http://mobify.me

 

Another option for creating a special theme for

mobile viewers is a free service called Mobify. Mobify

doesn’t actually create WordPress themes, but the

end result is essentially the same. They process the

content from your site, and then apply new CSS

styles (created and controlled by you) to create the

mobile view. This means that the mobile view is just

as dynamic as the regular site. Mobify will serve this

content from the Mobify domain, or just as easily,

through a subdomain located on your own site (e.g.,

m.ilovetypography.com) with a simple CNAME change on

your domain registry."