Cómo dar formato a la Web a un iPhone

Los teléfonos inteligentes han hecho más fácil la navegación móvil y más comunes que nunca antes, pero eso no quiere decir que todos los sitios web son adecuados para la visualización móvil. De navegadores móviles en la web, Safari móvil de Apple hasta el 55 por ciento de los visitantes en septiembre de 2011, de acuerdo con NetMarketShare. La mejor manera de dar formato a su sitio web para los navegadores iPhone es crear una versión móvil de su sitio web y utilizar un script que detecta si el usuario utiliza un dispositivo móvil. Si es así, que el guión vuelve a dirigir a una versión para móviles de su sitio web. El uso de un guión como este, puede tener una versión de su sitio web diseñado para navegadores de escritorio y portátiles, y otro, el diseño más fluido para los iPhones y otros navegadores móviles.

Instrucciones

1 Crear un subdominio de su sitio web, donde se va a almacenar sus datos de diseño de móviles. Los subdominios más comunes para los sitios web para móviles incluyen "m.yourdomain.com" o "mobile.yourdomain.com". Punto de su subdominio a una carpeta en su página web. ¿Cómo se configura un subdominio depende de su proveedor de alojamiento web a su elección.

2 Crear un diseño dedicado específicamente para dispositivos móviles. Su diseño móvil debe ser simple, fácil de navegar y fácil de leer. Una sola columna con la navegación a lo largo de la parte superior funciona mejor. Recuerde que a pesar de que la resolución del iPhone es de 960 por 640 píxeles, la pantalla es de sólo 3,5 pulgadas.

De acuerdo con Abhishek Bhardwaj del 1 de diseñador de páginas web, lo mejor que se puede hacer aquí es el uso de diseños de ese tamaño automáticamente a la pantalla del iPhone, en lugar de lo que se ve mejor en el monitor de pantalla ancha. Por un lado, esto maximiza la compatibilidad con los dispositivos móviles. Mostrar su marca en forma de su nombre y / o logotipo sitio web prominente y buen gusto en su diseño. Evitar la adición de enlaces innecesarios o demasiados agrega a su interfaz móvil. No utilice guiones ni el flash en su diseño móvil. Mira otros sitios web móviles para tener una idea de lo que funciona y lo que la vida.

3 Guarde los archivos para su diseño móvil a la carpeta en la que se señaló su subdominio móvil. Por ejemplo, si usted tiene "m.yourdomain.com" configurado para utilizar archivos de la carpeta "móvil", deberá añadir ningún imágenes, hojas de estilo y archivos para su interfaz móvil a la carpeta "móvil". Puede probar la disposición general por ir a su subdominio en cualquier navegador.

4 Añadir una secuencia de comandos de detección del explorador a la cabecera de su página web. Detectar navegadores móviles PHP función de Andy Moore es gratuito para uso personal, aunque sí se requiere actualizar para su uso en sitios web comerciales. Para utilizar este script. descargar el archivo "mobile_device_detect.php" de detectmobilebrowsers.mobi. En la misma página, desplácese hacia abajo para Generador de funciones y seleccione los dispositivos que desea tratar como móvil. Seleccione la opción "Sí" en virtud de redirección de dispositivos móviles y "No" en virtud de redirección de sobremesa navegadores. Rellene la dirección URL de su sitio web móvil y haga clic en "Generar". Copiar el código generado a su página PHP; por ejemplo, si estuviera tratando a todos los dispositivos como móviles y redirigir todo, excepto los usuarios de escritorio, debe agregar lo siguiente a su página:

<? Php require_once ( 'mobile_device_detect.php');
mobile_device_detect? (verdadero, cierto, cierto, cierto, cierto, cierto, cierto, 'http: //mobile.yourdomain.com',false);>

Russel Beattie comparte su método para usar PHP para redirigir los navegadores móviles en su sitio. Mike Davidson ofrece otra solución PHP, que en lugar de redirigir los navegadores móviles a la versión móvil de su página, utiliza la versión móvil de su sitio para entregar el contenido de su sitio web sin labrar o el diseño de los navegadores móviles.

5 Copiar los archivos actualizados a su espacio web, incluyendo un reproductor de archivos requeridos para la función de detección. Pon a prueba tu disposición por ir a su subdominio móvil en su navegador, si usted no tiene un iPhone disponible para probar la configuración de.

Consejos y advertencias

• Si prefiere evitar el diseño de la versión móvil de su sitio web de forma manual, puede utilizar un servicio que lo hace por ti. Tales servicios incluyen Wirenod y Zinadoo.
• Compruebe que su código es válido para garantizar la máxima compatibilidad con todos los navegadores. El W3C ofrece un validador en validator.w3.org.