Adaptar web a movil (Urgente)

Events happening in the community are now at Drupal community events on www.drupal.org.
Ethan Martínez's picture

Hola a todos, os explico un poco el asunto.

Estoy de practicas en el extranjero, mi jefe me ha encargado pasar su web de Drupal a una version movil, el problema es que yo nunca he visto nada de Drupal, y estoy aprendiendo todo lo rapido que puedo pero mi jefe quiere ver resultados pronto.

Para hacer la version movil, he instalado todo lo que he visto necesario en tutoriales y demas, el mobile tools, browscape y wurlf.
El problema es que en todos los tutoriales que he leido, explican como hacerlo con otro theme, y mi jefe quiere usar el theme que tiene en su web, el cual esta hecho por compranyeros suyos y no es facil de modificar.

Pense que lo habia conseguido cuando, despues de instalar algunos modulos y modificar algunas cosas, me meti a la web desde mi movil y se veia perfectamente, pero el jefe, que tiene un movil con una resulocion de pantalla mucho mas pequenya, se le ven imagenes y textos unos encima de otros.

Perdon por la parrafada y mi forma de explicar, pero si podeis ayudarme o sabeis de algun tutorial donde expliquen estas cosas, lo agradeceria mucho, ya que se me viene el tiempo encima.

Saludos y gracias.

Comments

La verdad parece que si estas

cmeraz's picture

La verdad parece que si estas metido en un lio, y no es porque sea algo muy complejo de hacer, si no porque al igual que yo, cuando he tenido que hacer cosas urgentes y no tengo la experiencia es todo un sufrir.

Pero mi consejo es que no te desesperes ya veras que paso a paso resuelves tu problema.

Primero que nada, no comprendo muy bien que es exactamente lo que necesitas lograr, pues a primera vista creo que necesitas que el theme que tiene tu jefe sea responsivo (responsive) con el uso de media queries.

puedes darte una idea de en la pagina de http://www.mediaqueri.es, otra cosa que seria importante para ayudarte mejor es que compartieras el link del sitio para ver la estructura y el diseño, pues es parte esencial para saber que tan complejo sera utilizar este procedimiento.

Yo por mi parte desconozco de algun modulo que haga de tu theme un theme mobil, cuando utilice wordpress existia un plugin para hacer que los iphone tuvieran un theme distinto al de los de escritorio, pero era algo totalmente complicado de configurar, los media queries vinieron a hacer este proceso mucho mejor, pero te repito no se muy bien que es lo que necesitas hacer.

Si requieres mas informacion al respecto te recomiendo el siguiente link:
Responsive Web Design: A Visual Guide (Nettuts+)

Espero te sirva

Más que en un lio, creo estás un poco confundido

jmolivas's picture

@Ethan Martínez antes de proceder a trabajar en el sitio sería conveniente definir algunos puntos:

¿ Qué es diseño responsivo ?
Se define como Diseño Responsivo Web o por sus siglas en ingles RWD (Responsive Web Design).Una forma de desarrollar sitios web asegurando, que el diseño está optimizado para que el formato se ajuste en relación al tamaño de la pantalla del dispositivo mediante el uso de las siguientes técnicas:

-Un grid flexible.
-Imágenes flexibles que se ajustan a un contexto fluido.
-CSS3 Media queries, que optimizan el diseño para diferentes contextos.

Diferentes maneras de proveer soluciones móviles.
Aplicaciones Nativas.
Aplicaciones Web HTML5 & CSS3.
Versión móvil del sitio.
Diseño responsivo (RWD mobile first).
Diseño responsivo + componentes del lado del servidor (RESS).

Pensar en un siito responsivo no es solo pensar el tema, el cual es importante claro ya que es el contenedor y quien se encarga de incluir los punto o técnicas arriba mencionadas pero otra cuestión de igual importancia es conocer los módulos adicionales para agregar funcionalidad responsiva/adaptiva.

Puedes encontrar más información en las siguientes slides:
http://jmolivas.com/slides/drupalcr/Diseno-Responsivo/

Saludos,

--
http://jmolivas.com/
@jmolivas

Hola, gracias por vuestras

Ethan Martínez's picture

Hola, gracias por vuestras respuestas, me las estudiare a ver si saco algo de ello.

@jmolivas, no estoy un poco confundido, estoy confundido del todo jajaja. Nunca habia visto nada de Drupal y lo poco que he hecho de desarrollo web fue hace dos o tres anyos.

@cmeraz, la pagina es www.paradering.ie, y esta hecha sobre Drupal 6, lo que el quiere es exactamente lo que tu has dicho, que el theme sea responsive, ya que si os fijais al acceder desde un movil, toda la parte de arriba donde estan la imagen y los textos, quedan "deformadas".

El problema es que no tengo ni idea de como hacerlo.

utilizando mobile_tools, en

jsequeiros's picture

utilizando mobile_tools, en el siguiente artículo se explica la configuración utilizando el thema garland_mobile:
http://jsequeiros.com/como-crear-una-version-para-celulares-de-un-sitio-...

Spanish

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: