Мобилна версия на сайт. Разширение WPtouch Mobile

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
Много теми, не са пригодени за модерните мобилни устройства.
Ако сте избрали хубава тема.
Тя е с така наречения "Responsive design".
За който ще говорим при избора на теми.
Нашата тема е такава.
Но често се случва темата да не е достатъчно добра.
Когато се показва на мобилни устройства.
Затова това, което ще направя аз.
Е да инсталирам един плъгин, който ще направи моят сайт, да изглежда добре и на мобилни устройства.
Всички знаем, че използването на мобилните устройства.
За разглеждане на уеб сайтове расте драстично всяка година.
Така че е редно да видим.
Как изглежда нашия сайт през едно мобилно устройство.
За целта ви съветвам просто да си вземете телефона.
Да разгледате хубаво уеб сайта си.
И ако не харесвате, това което виждате.
Инсталирайте този плъгин.
Разгледайте естествено, тези възможности за различни плъгини.
Но този който е аз съм използвал доста.
Е "wp touch".
Нека да го намеря.
Може би на следващата страница.
Всъщност ще го напиша слято.
Мисля че така беше.
Да ето "wptouch mobile plugin".
Има много плъгини.
Аз съм ползвал този.
Ще го инсталирам.
Да видим има над 400 хиляди инсталации.
Включвам разширението.
И като повечето разширения.
В страничната лента ще ми се появи.
Тази иконка "wptouch".
С опциите за нея.
Ако кликна на настройките.
Всъщност повечето плъгини са с много сериозни разработки.
В повечето случаи от няколко програмиста.
Които инвестират голямо количество време.
За да разработя тези плъгини.
Затова това, от което те печелят е да правят така наречените платени версии на плъгина.
Безплатния плъгин дава базова функционалност.
И ако искате някой екстри.
Може да си купите.
Понякога за 5-10 долара.
Понякога за 500-1000 долара.
Професионалния плъгин.
Голяма част от най-добрите плъгини са на този принцип.
Но в повечето случаи базовата функционалност ви е напълно достатъчна.
Така е и този.
И примерно тук за да кликнете на тази опция.
Трябва да си купите "PRO" версия.
Тук има много настройки.
Какво да се показва.
По колко на поста.
Но това, което ще кликне аз е преглед на темата.
Нека първо да натисна записване на промените.
И след това преглед на темата.
И тук в този браузър ми се показва как ще изглежда на мобилния телефон.
Всъщност този сайт, който ние създадохме.
Понеже менюто не се визуализира.
Е скрито в тази иконка.
Понеже няма място за търси.
Като кликнем се появява по този начин.
И съответно, ако си изберем някой от публикациите.
Нека всъщност да се върна на заглавната страница.
Да я видя някой от статиите с повече изображения.
Четири храни.
Виждам как би изглеждало на един мобилен телефон.
Нашия уеб сайт.
Имате два избора.
Единия е да използвате тема, която има така наречения "Responsive design".
В следващия модул ще се научим какво е това"Responsive design".
И как да проверим дали нашата тема е "Responsive".
Но отваряйте, най-просто на вашия мобилен телефон уеб сайта, който създавате и вижте дали ви харесва, това което виждате.
И ако не ви харесва, просто инсталирайте някой плъгин.
Който ще направи вашия сайт, автоматично да изглежда добре на мобилните телефони.

Тест за преминаване към следващия урок

 
Какво е Responsive design?
Възможността сайтът да се визуализира на мобилни устройства, като разпределя съдържанието спрямо резолюцията.
Плъгин за Wordpress.
Задължително разширение, без което сайтът не може да се отваря на мобилни устройства.

Въпроси и отговори

  • Защо плъгини само с бизнес план?

    Slavina:

    Здравейте, направих си безплатен блог на платформата с безплатна тема. Като отида на плъгини> добави> избирам плъгин, бутонът за инсталиране НЕ е активен и ми излиза текст да ъпгрейдна до бизнес план, за да мога да инсталирам плъгини. Вече има промяна в WP и плъгини освен зададените в темата могат да се добавят само с платен план?

    Румен Атанасов:

    Явно, сте избрали някакъв кофти хостинг план. Не знам, но не би трябвало да има какъвто и да е проблем. Може ли малко подробности относно плана и компанията?

    Slavina:

    Блогът ми не е на платен хостинг, а на wordpress.com. Може би затова?

    Румен Атанасов:

    Не съм го използвал, но звучи логично да е заради безплатната услуга.

    Дафина Димова:

    Здравейте, и аз ползвам безплатен план. След като изгледах модула, започнах да "разследвам" какво се получава при мен. Много приятно съм изненадана, предвид факта, че нямам твърде големи амбиции в разработването на сайтове. В момента Wp предлага един безплатен пакет наречен Jetpack by Wp.com. Той предлага: проследяване на трафик и SEO инструменти, защита от хакерски намеси, добавяне на галерии, връзка с читатели и .... естествено прави препратка към допълнителни платени възможности. Това разширение е активено по подразбиране:

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

    Дафина Димова:

    Допълнение към горния ми отговор: разширението е активно за хостинга на Wp и безплатно за външен хостинг.