gtemata.com

Cum să optimizați un site web pentru dispozitive mobile

Acest articol vă va explica modul de a face site-ul dvs. mai compatibil cu dispozitivele mobile, fără a modifica nimic în setarea paginilor. S-ar putea să vă gândiți că, din moment ce ați scris corect codul și întotdeauna vă amintiți să separați structura de prezentare, site-ul dvs. funcționează deja în cel mai bun mod posibil chiar și pe dispozitivele portabile. Sau poate chiar crezi că nu se poate întâmpla nimic bun oamenilor buni. Păi, greșești în ambele cazuri.

paşi

Imagine intitulată Faceți-vă site-ul mobil pe mobil Pasul 1
1
Creați un site cu oglindă. Dacă domeniul site-ului dvs. este myawesomeblog.com, va trebui să creați un subdomeniu pe mobile.myawesomeblog.com. Modul de a continua este destul de simplu, dar se va schimba în funcție de gazdă. Dacă utilizați Dreamhost, de exemplu, mergeți la panoul de control al domeniului pentru a adăuga cu ușurință toate subdomeniile de care aveți nevoie. Este important să setați subdomeniul ca o "oglindă" a site-ului principal, ceea ce înseamnă că se va adresa doar site-ului existent.
  • Imagine intitulată Faceți-vă site-ul mobil pe mobil Pasul 2
    2
    Creați un fișier global_prepend. Următorul pas va fi crearea unui fișier PHP care va fi plasat pe fiecare pagină a site-ului nostru. Apelați acest fișier "global_prepend.php" și încărcați-o în rădăcina serverului:


    `, bufferul $) - $ buffer = preg_replace (` / (] + rel ="[^"] * Stylesheet"[^>] *>|] *>| 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 3
    3
    Activați adăugarea conținutului la începutul sau la sfârșitul elementului selectat de pe pagina web utilizând .htaccess. Dacă un fișier .htaccess nu este deja prezent în rădăcina serverului, deschideți un nou fișier text și adăugați următoarele șiruri de caractere:
  • 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ă șiruri de caractere din browserul dvs., este posibil să fie necesar să ștergeți returul carului și să îl rescrieți. Uneori întoarcerea browserului ar putea cauza fisierul .htaccess să se prăbușească (îl veți observa imediat, deoarece întregul site nu se va încărca).
  • Apoi introduceți fișierul text în rădăcina serverului și salvați-l ca ".htaccess". Dacă un fișier .htaccess este deja prezent, pur și simplu adăugați șiruri de caractere anterioare.
  • Imaginea intitulată Faceți-vă site-ul mobil prietenos Pasul 4
    4
    Când subdomeniului va fi public, ar trebui să fie în măsură să încărcați site-ul la un browser web utilizând URL-ul specific pentru dispozitivele mobile și va afișa o frumoasă nici o versiune de scenariu, elegant, compact și fără imagini. Voila!
    • Distribuiți pe rețelele sociale:

    înrudit