Mobile változata a WordPress honlap nélkül bővítmény - site optimalizálás, mnogoblog

Ha nem akar költeni egy csomó időt a kereső optimalizálás a Google és Yandex -, akkor hagyja ezt a kérdést a szakemberek, akkor lesz egy csomó időt, hogy vegyenek részt a kedvenc tevékenysége, mint az írás hasznos cikkek a webhelyen. És annak érdekében, hogy ha a webhely mobileszközökre - Google lehetővé teszi a webmesterek 2 line szolgáltatás:

2. Szolgáltatási PageSpeed ​​Insights - «developers.google.com/speed/pagespeed/insights/»

Ezért, hogy a Google szerint honlapunkon optimalizált - szükség van pozitív eredmények a fenti két szolgáltatást.

Például, hogy egy egyszerű, nem optimalizált ingyenes téma - GlossyBlue, mely letölthető itt: «ndesign-studio.com/wp-themes/glossyblue».

Mindkét szolgáltatást a Google site a témát De-optimalizált.
Mi folytassa az optimalizálás a téma!

Előtti eredmény optimalizálás:

A Google utasításai azt mondják, hogy az oldalak egy oldalon optimalizált mobil eszközök, a blokk fej legyen jelen meta nézetben.

Így a kód nézne:

Ezután ugyanabban a fájlban - header.php adja meg a stílus fájlt fogja használni, ha a webhely tekinti a mobil eszközök, és az, hogy ki kell cserélni a következő sort:

Ebben a példában a második táblázat a sztélé - /print.css már a témát GlossyBlue - használjuk, ha az oldalak nyomtatására.

Ezért, ha a nem optimalizált téma van stílusa fájl nyomtatási hely, olyasmi, mint print.css, akkor lehet használni, mint egy mobil változata a honlapon ...

Ha nem ezt a fájlt, akkor létrehozhat egy önmaga.

Itt egy példa CSS fájlban kódot mobil eszközök:

Nézzük meg részletesebben a fenti kódot:

Az ingatlan «@media képernyő és ...«:

A legtöbb mai wordpress úgy használja az alábbi egyszerű technika, hogy hozzon létre egy mobil változata a honlapon, és a többi - a stílus fájlt (style.css) adunk a következő címkét:

A fenti kód azt jelenti, hogy megjeleníti a legnagyobb képernyő felbontása 320 az alábbi stílusokat.
Így lehetséges, hogy regisztrálja a helyszínen kijelző különböző indítványok - Mobile és más nagy formátumú eszközök ..
Egy jó példa ezzel a módszerrel megtalálható a standard téma számunkra wordpress például tíz tizennégy (már összpontosít a nagy képernyők), ez a darab kódfájlhoz a stílusok:

Az ingatlan font-size
Továbbá, a tulajdonságok használatával, a font-size növelhető betűméretet, például 180%.

float tulajdonság
Természetesen szeretnénk használni a tulajdonságait úszó (felelős pozicionálás) egyikének sem értéket az oldalsáv nem található a jobb / bal és alatta a tartalmat.

Kapcsolódó bejegyzések:

Lord!
Köszönöm a tippeket van szüksége.
Van egy hely a WP és a probléma az alkalmazkodás a mobiltelefonok már nem vagyunk kísértetjárta.
És akkor egy pár sort megváltozott, és ez működött.
Köszönjük!