Este artículo trata sobre cómo hacer que todo tu sitio sea más amigable para dispositivos móviles sin siquiera tocar tus páginas. Puede pensar que, dado que escribe código válido y estructura separada de la presentación en todo momento, su sitio ya funciona de maravilla en dispositivos móviles. También puede pensar que las personas buenas no le suceden cosas malas. En ambos casos, estarías equivocado.

Pasos

  1. 1 Configura un espejo de dominio. Si su sitio vive en www.myawesomeblog.com, querrá configurar un subdominio en mobile.myawesomeblog.com. La forma de lograr esto suele ser bastante sencilla, pero difiere según el host. Si usa Dreamhost y desde su panel de control, puede agregar subdominios sin esfuerzo. Desea configurar su subdominio como un "espejo" de su sitio principal, lo que significa que el subdominio realmente solo apunta a su sitio actual.
  2. 2 Crea el archivo global_prepend. Lo siguiente que vamos a hacer es crear un archivo PHP que se agregará automáticamente a cada página de nuestro sitio. Llame a este archivo algo así como "global_prepend.php" y ejecútelo en la raíz de su servidor:
     <? php función llamar de vuelta($ buffer)  Si ($ _SERVER['NOMBRE DEL SERVIDOR'] == 'mobile.myawesomeblog.com')  $ buffer = str_replace('http://www.myawesomeblog.com', 'http://mobile.myawesomeblog.com', $ buffer); $ buffer = preg_replace('/ [\ n \ r \ t] + /', ", $ buffer); $ buffer = preg_replace('/ \ s 2, /', ", $ buffer); $ buffer = preg_replace('/(]*>)(] + alt = ") ([^"] *) ("[^>] *>) (<\ / a>) / i ', '$1$3$5
    '
    , $ buffer); $ buffer = preg_replace('/(] + rel = "[^"] * stylesheet "[^>] *> |] *> | style = "[^"] * ") |] *>. *? <\ / script> |] *>. *? <\ / style> |/yo', ", $ buffer); $ buffer = preg_replace('/ <\ / head> / i', '', $ buffer); regreso $ buffer; ob_start("llamar de vuelta"); ?>
  3. 3 Habilítelos antes y anexa con .htaccess. Si aún no tiene un archivo .htaccess en la raíz de su servidor, abra un nuevo archivo de texto y agregue estas líneas a él:
    • php_value auto_prepend_file /localfilepath/global_prepend.php php_value auto_append_file /localfilepath/global_append.php
      • Nota importante: si copia estas dos líneas de su navegador web, es posible que deba eliminar el retorno de carro y hacer el suyo propio. A veces, un retorno de carro del navegador hará que su archivo .htaccess falle (usted sabrá de inmediato si ha fallado porque su sitio no aparecerá).
    • Luego guárdelo en la raíz de su servidor con el nombre de archivo ".htaccess". Si ya tiene un archivo .htaccess, solo agregue las líneas anteriores a él.
  4. 4 Suponiendo que su subdominio está en vivo, ahora debería poder acceder a su sitio en un navegador web usando la URL móvil especial y ver una versión de su sitio sin etiquetas, sin imágenes, sin formato, agradable. Voila!