¿ Como tener un tema para escritorio y otro exclusivo para móviles ?

[davidj]

Hola a todos!

Los móviles están de moda y siempre va bien realizar webs pensando también en ellos.

Actualmente existe el Responsive Web Design. Como sabéis, se trata de una técnica para que la web se adapte a la pantalla del dispositivo, pero este sistema, a veces, no es el mejor. Algunas veces se necesita desarrollar una web con versión para escritorio "normal" y otra optimizada y exclusiva para móviles.

Existen plugins como wptouch pero son demasiado sencillos, con un resultado algo pobre para webs "serias".

¿ Como se puede tener una versión "normal" y otra exclusiva para móviles ?, por ejemplo, tener una plantilla para escritorio y otra plantilla exclusiva para móviles.

Un saludo!!

[rogertm]

Supongo que existan muchas maneras de hacer eso. La más común a mi entender es usando Media Queries.

Por otro lado, el plugin JetPack trae un módulo para móviles, tal vez te pueda servir.

También he visto que hay sitios que dan una url específica para acceder desde estos dispositivos. Pero esto conlleva generalmente a crear una aplicación para que la gente la descargue y acceda directamente desde un icono en el teléfono.

Saludos.

[jtsanchez]

En mi opinión, las media queries se usan para el diseño adaptable.

Para redirecciónar a un subdominio (en general a otro sitio) sería más conveniente detectar el USER-AGENT. De este modo, puedes determinar a quienes mandas al sitio móvil o al desktop o a donde quieras.

Referencia: http://msdn.microsoft.com/en-us/library/ms537503(v=vs.85).aspx

[lgga]

Iniciado por davidj

Hola a todos!

Los móviles están de moda y siempre va bien realizar webs pensando también en ellos.

Actualmente existe el Responsive Web Design. Como sabéis, se trata de una técnica para que la web se adapte a la pantalla del dispositivo, pero este sistema, a veces, no es el mejor. Algunas veces se necesita desarrollar una web con versión para escritorio "normal" y otra optimizada y exclusiva para móviles.

Existen plugins como wptouch pero son demasiado sencillos, con un resultado algo pobre para webs "serias".

¿ Como se puede tener una versión "normal" y otra exclusiva para móviles ?, por ejemplo, tener una plantilla para escritorio y otra plantilla exclusiva para móviles.

Un saludo!!

Y qué es una web "seria"???

Si sabes de código puedes modificar la plantilla de wptouch para darle un toque más..... serio.

[davidj]

Iniciado por jtsanchez

En mi opinión, las media queries se usan para el diseño adaptable.

Para redirecciónar a un subdominio (en general a otro sitio) sería más conveniente detectar el USER-AGENT. De este modo, puedes determinar a quienes mandas al sitio móvil o al desktop o a donde quieras.

Referencia: http://msdn.microsoft.com/en-us/libr...(v=vs.85).aspx

Comprendo pero donde tendría que insertar dicho código..

Gracias!

[jtsanchez]

Iniciado por davidj

Comprendo pero donde tendría que insertar dicho código..

Gracias!

No mencionas que tecnología utilizas, aunque alcanzo a entender que es WordPress.


En realidad, para detectar el User-Agent, el mejor momento es durante lo que se conoce como _request_, es decir la solicitud de envío.

El siguiente lugar es el htaccess.

El tercer lugar es el header.

Y por último otras opciones como JavaScript, que hacen que primero se descargue una página y luego se cargue otra.