Hur man optimerar en webbplats för mobila enheter

Den här artikeln kommer att förklara hur du gör din webbplats mer kompatibel med mobila enheter, utan att ändra något i inställningssidorna. Du kanske tror att eftersom du skrev det ordentligt kod och alltid komma ihåg att separat struktur från presentation, din webbplats fungerar redan på bästa möjliga sätt även på bärbara enheter. Eller kanske tror du verkligen att inget gott kan hända med bra människor. Jo, du har fel i båda fallen.

steg

Skapa en spegelsida. Om domänens domän är myawesomeblog.com måste du skapa en underdomän på mobile.myawesomeblog.com. Vägen att gå vidare är ganska enkel, men kommer att förändras beroende på värd. Om du använder Dreamhost, till exempel, gå till domänens kontrollpanel så att du enkelt kan lägga till alla underdomäner du behöver. Det är viktigt att ställa in underdomänen som en "spegel" på huvudsidan, vilket innebär att den endast kommer att adressera den befintliga webbplatsen.

Bildnamn Gör din webbplats mobilvänlig steg 2

Skapa en global_prepend-fil. Nästa steg kommer att vara att skapa en PHP-fil som kommer att placeras på varje sida på vår webbplats. Ring den här filen "global_prepend.php" och ladda upp det till serverns rot:

`, $ buffert) - $ buffert = preg_replace (` / (] + rel ="[^"] * Format"[^>] *>|] *>| Style ="[^"] *") |] *>. *?< / Script>|] *>. *?< / Stil>| / i `,` `, $ buffert) - $ buffert = preg_replace (` /< / Head>/ i `,` `, $ buffert) -} returnera $ buffert-} ob_start ("återuppringning") -?>

Bildnamn Gör din webbplats mobilvänlig steg 3

Aktivera att lägga till innehåll i början eller slutet av det valda objektet på webbsidan med .htaccess. Om en .htaccess-fil inte redan finns i serverns root, öppna en ny textfil och lägg till följande strängar:

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

Viktig anmärkning: Om du kopierar dessa två strängar från din webbläsare kan du behöva radera vagnens retur och skriva om det. Ibland kan webbläsarens återkomst orsaka att .htaccess-filen kraschar (du märker omedelbart det, eftersom hela webbplatsen inte laddas).

Skriv sedan in textfilen i serverns rot och spara den som ".htaccess". Om en .htaccess-fil redan finns, lägg bara till de föregående strängarna till den.

Bildnamn Gör din webbplats mobilvänlig Steg 4

När domän kommer att vara offentliga, bör du kunna ladda upp din webbplats till en webbläsare med hjälp av den specifika webbadressen för mobila enheter och visar en vacker ingen manus version, snyggt, kompakt och utan bilder. Voila!

Dela på sociala nätverk:

Relaterade