Мобилна версия на WordPress сайта без приставка - оптимизация сайт, mnogoblog
Ако не искате да прекарате много време в търсене на двигателя оптимизация в Google и Yandex - след което се оставя този въпрос на професионалистите, а след това ще имате много време да се занимава с любимата си дейност, като например за писане на полезни статии за вашия сайт. И, за да се види дали вашия сайт за мобилни устройства - Google предлага уебмастъри 2 онлайн услуга:
2. Обслужване PageSpeed Insights - «developers.google.com/speed/pagespeed/insights/»
Следователно, за да Google смята нашия сайт оптимизиран - това е необходимо за постигане на положителни резултати в горните две услуги.
Да вземем например една проста неоптимизирана свободен тема - GlossyBlue, който може да бъде изтеглен тук: «ndesign-studio.com/wp-themes/glossyblue».
И в двете услуги от сайта на Google с темата освобождава от оптимизиран.
Ние се пристъпи към оптимизиране на темата!
Резултатът преди оптимизация:
В инструкциите на Google се каже, че на страниците на сайта оптимизирана за мобилни устройства, в главата на блока трябва да присъстват мета Прозорецът.
Ето как кодът ще изглежда така:
На следващо място, в един и същи файл - header.php укажете файла за стил, който ще бъде използван, ако сайтът е разгледана на мобилни устройства, както и за това, което трябва да замени реда:
В този пример, във втората таблица на стела - /print.css вече е бил тема GlossyBlue - тя се използва при печат на страници.
Ето защо, ако не са оптимизирани вашата тема има файл стил за печат сайт, нещо като print.css, тя може да се използва и като мобилна версия на сайта ...
Ако не разполагате с този файл, можете да си създадете такава.
Ето например CSS файл код за мобилни устройства на:
Нека разгледаме по-подробно кода по-горе:
Имоти «@media екран и ...«:
В повечето от днешните WordPress така, използвайте следната проста техника, за да се създаде мобилна версия на сайта, а другият - във файла за стил (style.css) се добавя следния маркер:
В горния код означава, че показва максималната разделителна способност на екрана от 320 използвате следните стилове.
По този начин е възможно да се регистрират дисплея на сайт за различни резолюции - Mobile и други устройства голям формат ..
Чудесен пример за използването на този метод може да се намери в стандартния темата ни на WordPress, например, двадесет Четиринадесет (тя вече се фокусира върху големите екрани), тази част от код на файла си стилове:
Имотът размер на шрифта
Също така, като се използват свойствата на шрифта може да се увеличи размера на шрифта, например 180%.
плава имот
Разбира се, че искате да използвате свойствата на плувка (отговорни за позициониране) с никой стойност към страничната лента не се намира в дясно / ляво и долу на съдържанието.
Сходни публикации:
Господи!
Много благодаря за съветите, от които се нуждаете.
Имаме сайт на РП и на проблема с адаптацията за мобилни телефони вече не сме преследван.
И после няколко реда се променили и тя работи.
Благодарим Ви!