Темплейти за мобилни сайтове

Безплатни теми за мобилни сайтове с отзивчив дизайнтемплейти за мобилен сайт

Само преди няколко дни една от най-дискутираните теми на SEO конференция 2015 беше течащия в момента ъпдейт на Google за оценяване  удобството при мобилно използване на уеб сайтовете,  наречен  Мобилегедон.

В следствие на това сайтовете, които не са пригодени за разглеждане от потребителите с мобилни устройства получиха леко понижение в класирането и бъдете сигурни, че в бъдеще това ще става все по-важно. А повярвайте ми тези сайтове в Българското Интернет пространство не са никак малко.

Ако искате вашият уеб сайт да се класира добре задължително трябва да направите   мобилна версия или да преминете нa responsive дизайн (сайт изграден с отзивчив дизайн, който се отваря по подходящ начин във всеки браузер на телефон, таблет или настолен компютър).

Може да направите проверка дали вашия сайт е пригоден за употреба от мобилни устройства с този инструмент. А с инструмента за уеб администратори ще видите точно кои страница са за корекция.

От тук нататък за тези, които са закъснели да преминат към мобилни сайтове има два варианта, корекция на сега съществуващия сайт и преминаване към нов дизайн.

Първият начин лесно може да се постигне с Media Queries. Това е корекция на CSS3 и лесно може да го коригирате, като в CSS файла добавите  кода:

@media only screen and (max-device-width: 650px) {

#wrapper {width: 90%;}

}

Повече за това може да прочетете тук и да намерите готови, разработени шаблони на HTML с този стил.

Все пак в тази статия ще ви предложим колекция от безплатни темплейти на сайтове за мобилни устройства. От направените изводи при протичането на ъпдейта,  можем твърдо да препоръчаме при избора на нов темплейт (шаблон на сайта) да гледате за следните 3 основни параметъра:

  • дали прозорците са правилно конфигуриране спрямо съдържанието;
  • шрифта на текста да е достатъчно голям за четене от мобилни устройства;
  • елементите за докосване да бъдат достатъчно раздалечени;
  • без Flash слайдъри и намалено количество на java скриптове.

Темплейти за WordPress с отзивчив дизайн

Днес, ако трябва да избирам точно една тема, твърдо  бих избрал това  http://www.genesisframework.com/ Макар, че темата е платена това е класически шаблон на достатъчно голяма група за разработка на WordPress.

От тук нататък ще говорим само за безплатни темплейти и ето една тема с много приятен и изчистен дизайн, която може да изтеглите от тук.  Същия автор предоставя още доста красиви темплейти с отзивчив дизайн. Почти всички си заслужават да бъдат изтеглени.

Mobile First – тема за wordpress с подобен дизайн на Postvai.com.

Разгледайте също долните връзки за да почерпите вдъхновение:

  • http://thematosoup.com/themes/
  • http://tomcreighton.com/2012/10/glider-theme/
  • http://ablethemes.com/aj/
  • http://themes.designorbital.com/dicot/
  • http://wpdemo.themnific.com/pre/02/
  • http://buttercream-demo.calobeedoodles.com/
  • https://tonaldemo.wordpress.com/
  • http://lacymorrow.com/projects/casper/
  • http://xn--80aaelqac3ah7aqf8c.com/blog-matraci-syweti-syn
  • http://xn--80aaab2bvmqdgo4c.com/
  • https://ryan.hellyer.kiwi/
  • http://caslay.com/tiny/
  • http://demo.pankogut.com/frank/
  • http://locallylost.com/stargazer/
  • http://www.krishockerdesign.com/yarn/
  • http://untame.net/ex-astris/
  • http://pohjois-karjalansotaorvot.fi/
  • http://seamlessthemes.com/blog/
  • http://jarederickson.com/less-a-free-super-minimal-wordpress-theme/
  • http://wpexplorer-demos.com/thoughts/

Темплейти на HTML и CSS3

Ако се нуждаете от малък фирмен сайт от няколко страници, който няма често да сменя съдържанието и не се нуждае от админ зона, твърдо бих препоръчал да използвате темплейти с HTML, които лесно ще моделирате.

P.S Бонус за  феновете на Блоггер една тема с визия като на Postvai.COM

И една за Блоггер  http://someo-soratemplates.blogspot.in/