Cum sa faci site-ul potrivit pentru mobil

Acest articol se referă la modul de a face întregul dvs. site mobil, fără a fi nevoit să atingeți paginile. Poate credeți că, deoarece ați scris coduri valide și ați separat structura prezentării în orice moment, site-ul dvs. funcționează deja pe dispozitive mobile. De asemenea, ați putea crede că lucrurile bune nu se întâmplă lucrurilor rele. Ai greșit în ambele cazuri.

pași

Imagine intitulată Faceți-vă site-ul mobil pe mobil Pasul 1

Instalați un domeniu oglindă. Dacă site-ul dvs. este pe myawesomeblog.com, veți dori să instalați un subdomeniu pe mobile.myawesomeblog.com. A face acest lucru este de obicei destul de simplu, dar va depinde de cazare. Dacă utilizați Dreamhost, puteți adăuga subdomeniile fără efort din panoul de control. Doriți să instalați un subdomeniu ca o "oglindă" a site-ului principal, ceea ce înseamnă că subdomeniul de fapt doar indică site-ul existent.

Creați un fișier global_prepend. Ce vom face mai departe este crearea unui fișier PHP care va fi încărcat automat înaintea tuturor paginilor site-ului nostru. Sună-l "global_prepend.php" și salvați-o în rădăcina serverului dvs.:

`, bufferul $) - $ buffer = preg_replace (` / (] + rel ="[^"] * foaie de stil"[^>] *>|] *>| stil ="[^"] *") |] *>. *?< / script>|] *>. *?< / stil>| / i `,` `, $ tampon) - $ buffer = preg_replace (` /< / cap>/ i ","`, $ tampon) -} return $ buffer-} ob_start ("apel invers") -?>

Imagine intitulată Faceți-vă site-ul mobil pe mobil Pasul 2

Imagine intitulată Faceți-vă site-ul mobil pe mobil Pasul 3

Activați preload-urile și atașamentele utilizând .htaccess. Dacă încă nu aveți un fișier .htaccess în rădăcina serverului dvs., deschideți un fișier text nou și adăugați următoarele linii:

php_value auto_prepend_file /localfilepath/global_prepend.php php_value auto_append_file /localfilepath/global_append.php

Notă importantă: dacă copiați aceste două linii din browser, este posibil să fie necesar să ștergeți returul mașinii și să-l faceți pe dvs. Uneori, întoarcerea carului browserului duce la eșecul fișierului .htaccess (veți ști imediat, deoarece site-ul nu va fi ridicat).

Salvați fișierul text în rădăcina serverului dvs. cu numele ".htaccess". Dacă aveți deja un fișier .htaccess, adăugați liniile de mai sus.

Imagine intitulată Faceți-vă site-ul mobil prietenos Pasul 4

Presupunând că subdomeniu se execută, și ați putea accesa site-ul dintr-un browser, folosind adresa URL mobilă specială, și a vedea o versiune elegant si compact, site-ul dvs., fără imagini, stiluri sau script-uri.Gata!

Distribuiți pe rețelele sociale:

înrudit