La forma más económica de hacer una web compatible con todos los dispositivos es hacer una maqueta adaptable. Que el mismo diseño, la misma maqueta sea perfectamente navegable en las tres familias de dispositivos.
Cuando hay recursos se suele hacer una maqueta especifica para cada dispositivo. Pero en el mundo WordPress la idea es reducir costes en todo lo posible, por lo que se utiliza solo un theme (maqueta) y esta es adaptable.
Cuando se desarrollan estas maquetas siempre surge algún problema del tipo:
- “quiero este slider en las tablet y escritorios pero NO en los móviles”
- “El tamaño de las fotos debe ser menor en movil y tablet que en escritorio”
- “Los espacios de publicidad deben ser diferentes o deben desaparecer de la versión móvil”
Este tipo de necesidades pueden ser por temas estéticos o técnicos (sobre todo cuando las versiones de escritorio son demasiado grandes y/o pesadas para un móvil).
Por eso hemos hecho un pequeño y simple wordpress plugin para facilitar esta detección, y así generar el html necesario para cada dispositivo. Lo hemos llamado ttt-devices, se llama así porque lo hemos hecho en 33themes.com
Su funcionamiento es muy simple. Solo hay que instalarlo y definir los “if” que hagan falta, por ejemplo:
1 2 3 4 5 6 7 8 9 | <body> <?php if (is_tttdevice('mobile')): ?> <h1>Titulo</h1> <img src="header-mobile.jpg"> <?php else: ?> <h1>Titulo</h1> <img src="header.jpg"> <?php endif; ?> </body> |
En la descripción del plugin en la página de wordpress se puede ver en detalle sus funcionalidades, espero que os sea útil.
Son muchas las alternativas, pero seria preferible hacer un diseño para cada dispositivo, casi nunca es factible.