[SOLUCIONADO] Versión móvil

[sacopi]

Hola a todos, he leido los post anteriores sobre el tema y abro uno nuevo para concretar un poco mi caso. Hace 5 años me hicieron una web bastante compleja pero para nada adaptada a dispositivos móviles. Yo la administro y he ido aprendiendo un poco. Ahora quiero adapatarla y me había decantado por crear una versión móvil distinta porque la versión clásica está muy cargada y quiero dejar lo básico en la versión móvil. Quiero cambiar por completo el header, el foot y eliminar un menú lateral para que quede sólo el bloque central que es donde se muestran los productos. Me parecía más fácil hacer una nueva hoja de estilos porque, aunque el css responsive más o menos lo entiendo, no se cómo hacer para que se carguen distintos headers y foots en función del dispositivo. Hasta ahora había hecho el nuevo header, el foot y el index. El problema me surge en que en cada archivo php que enlazo tendría que cambiar header y foot. No se si se puede poner un comando en cada php para que distinga que header y foot poner en función del dispositivo o si estoy haciéndolo más complicado de esta manera. ¿Vosotros que me aconsejáis? Muchas gracias por adelantado.

[franciscomarin]

Te recomiendo que te olvides de la versión adaptada, eso ya no se lleva y no les gusta ni a los buscadores ni a los usuarios.

Mi recomendación aunque te cueste más es que actualices tu actual diseño (o aproveches para hacer una remodelación) a un diseño responsive, que se adapte a las pantallas de cada dispositivo.

[hmedcab]

Usa bootstrap o fundation, no te lies.

[g3kdigital]

Si quieres personalizar la estética y experiencia, dependiendo del dispositivo por el que se accedan, pero porque es tu prioridad (como yo que soy diseñador / semifrontend), aprende a usar mediaqueries:

Código CSS:

@media (max-width: 700px) {
    .foo{ width: 100px; }
}
 

Por otro lado, sí eres programador, no te compliques usa bootstrap como te recomendaron y deja en 2do plano el diseño para concentrarte en las funcionalidades.

[sacopi]

Gracias a todos, voy a probar con bootstrap.