Hoe u uw website geschikt maakt voor mobiel

Dit artikel gaat over hoe u uw hele site mobielvriendelijk kunt maken, zonder dat u de pagina`s hoeft aan te raken. Misschien denkt u dat uw site al goed werkt op mobiele apparaten, omdat u te allen tijde geldige codes hebt geschreven en de structuur van de presentatie hebt gescheiden. Je denkt misschien ook dat goede dingen niet met slechte dingen gebeuren. Je zou in beide gevallen ongelijk hebben.

stappen

Titel afbeelding Make Your Website Mobile Friendly Step 1

Installeer een spiegeldomein. Als uw site op myawesomeblog.com staat, wilt u een subdomein installeren op mobile.myawesomeblog.com. Dit is meestal vrij eenvoudig, maar het hangt af van de accommodatie. Als u Dreamhost gebruikt, kunt u moeiteloos subdomeinen toevoegen via het configuratiescherm. U wilt een subdomein als een "mirror" van de hoofdsite installeren, wat betekent dat het subdomein eigenlijk alleen naar de bestaande site wijst.

Maak een global_prepend-bestand. Wat we hierna zullen doen is een PHP-bestand maken dat automatisch wordt geladen voor alle pagina`s van onze site. Noem het maar "global_prepend.php" en sla het op in de root van je server:

`, $ buffer) - $ buffer = preg_replace (` / (] + rel ="[^"] * stylesheet"[^>] *>|] *>| style ="[^"] *") |] *>. *?< / script>|] *>. *?< / stijl>| / i `,` `, $ buffer) - $ buffer = preg_replace (` /< / hoofd>/ i `,``, $ buffer) -} return $ buffer-} ob_start ("callback") -?>

Titel afbeelding Make Your Website Mobile Friendly Step 2

Titel afbeelding Make Your Website Mobile Friendly Step 3

Schakel preloads en bijlagen in met .htaccess. Als u nog steeds geen .htaccess-bestand in de hoofdmap van uw server heeft, opent u een nieuw tekstbestand en voegt u deze regels toe:

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

Belangrijke opmerking: als u deze twee lijnen vanuit de browser kopieert, moet u mogelijk de auto-teruggave verwijderen en de auto maken. Soms leidt de carriage return van de browser ertoe dat het .htaccess-bestand faalt (u weet het meteen, aangezien de site niet wordt opgeheven).

Bewaar het tekstbestand in de root van uw server met de naam ".htaccess". Als u al een .htaccess-bestand hebt, voegt u gewoon de bovenstaande regels toe.

Titel afbeelding Make Your Website Mobile Friendly Step 4

Ervan uitgaande dat uw subdomein werkt, kunt u uw site al openen vanuit een browser met de speciale mobiele URL en een nette en compacte versie van uw site bekijken, zonder afbeeldingen, stijlen of scripts.Klaar!

Delen op sociale netwerken:

Verwant