Якщо ви раптом не в курсі, мобільні гаджети сьогодні становлять основу споживання інтернет-трафіку в низці країн та регіонів, а такі інструменти як iMessage та WhatsApp переробляють тонни листів та повідомлень не на папері, а на екрані. Все частіше люди звертаються до мобільних сайтів, а не до їх настільних версій. Як же зробити так, щоб ваш сайт коректно виглядав і працював не лише на екрані ноутбука чи ПК, а й на смартфоні та планшеті? Плагіни, про які ми сьогодні розповімо, допоможуть вам справитися з цим завданням.
Дивіться також:
Отже, вам треба перетворити свій звичайний сайт на движку WordPress на сайт з адаптивною мобільною версткою. Ось плагіни, які, абсолютно безкоштовні, допоможуть вам і зроблять сайт доступним для мобільних користувачів і при цьому збережуть його дизайн і структуру.
1. JetPack
Почнемо з найпростішого і, мабуть, найефективнішого способу зробити сайт на WordPress дружнім для мобільних пристроїв. Набір інструментів JetPack дозволяє вирішити це завдання натисканням всього 1 кнопки. Більше того: він напевно вже у вас встановлений серед інших базових плагінів. Якщо так – то просто натисніть на посилання "JetPack" в меню адміністратора сайту і перейдіть на сторінку модулів. Там треба активуватиТема для мобільних пристроїв- і все готове.
2. WPtouch
Наступний за своєю ефективністю у списку безкоштовних інструментів – плагін WPtouch. Його завантажили вже понад 4,3 млн. разів. Він дозволяє зробити красивий та швидкий мобільний сайт буквально за пару хвилин, при цьому не написавши жодного рядка коду. Платна версія під назвою WPtouch Pro пропонує ще окрему адмін-панель та підтримку в системі тикетів.
3. Мобільний детектор WP
Цей плагін має автоматичне розпізнавання звичайних мобільників і смартфонів. Залежно від цього, сайт завантажується в сумісній версії для кожного конкретного мобільного телефону або іншого гаджета (з урахуванням дозволу екрана, діагоналі та інших параметрів). Усього є 7 встановлених варіантів мобільної теми оформлення. Також цей плагін автоматично змінює розмір і роздільну здатність картинок залежно від дисплея користувача. Крім того, тут є свої віджети та збір статистики.
Основні можливості:
- Автоматичне визначення пристрою на основі бази з більш ніж 5 тис. різних мобільників і смартфонів.
- Вміння відрізняти стандартні "дзвонилки" та просунуті мобільні гаджети.
- Збір статистики з мобільних користувачів, включаючи кількість унікальних відвідувань, пошуковий трафік і т.д.
4. Мобільний пакет WordPress
Даний плагін підтримує мапінг доменів та пошукові агенти для визначення різних популярних мобільних пристроїв та показу контенту в тій роздільній здатності та якості, яка необхідна конкретному мобільному телефону. Крім того, є кольорові схеми, що настроюються, для єдиної теми оформлення.
Також плагін включає:
- перемикач між мобільною та класичною настільною темою;
- набір пристроїв, що підтримуються та розпізнаються, включаючи теми для Nokia та браузерів на WebKit;
- налаштування палітри кольорів за темами з підтримкою твиків у CSS;
- автоматичну адаптацію картинок та розбиття постів та сторінок;
- мобільну панель адміністратора;
- віджет мобільної реклами, що підтримує такі платформи як AdMob або Google Mobile Adsense;
- мобільну аналітику;
- віджет для додавання бар-кодів на сайт, щоб швидко додавати сайт до закладок на мобільному пристрої під час перегляду сайту на великому екрані настільного ПК.
5. WP Mobile Edition
По суті перед вами брат-близнючок попереднього плагіна. У нього є все ті ж фішки та опції, але є ще підтримка системи коментування Disqus та мобільна карта XML з власним генератором для сайтів, що добре позначиться на пошуковій оптимізації. Також цей плагін створює мобільну версію на піддомені виду m.facebook.com, що добре для прискореного кешування та реалізації підтримки мобільних cookie.
6. Wapple Architect Mobile Plugin
Написаний цей плагін мовою розмітки WAPL, який був спеціально розроблений для налаштування, рендерингу та доставки веб-контенту на різних пристроях та платформах. Використовує цей плагін власний API для кожного конкретного пристрою, що краще, ніж метод сніфінгу. Не торкається структури адрес настільного сайту. Досить просте рішення, яке так само просто працює.
7. MobilePress
Досить популярний і простий плагін, який поставляється з 2 темами та допомагає подальшій розробці мобільних розробників.
8. Duda Mobile Website Builder
Плагін-конструктор Duda Mobile допоміг створити мобільні версії сайтів, зокрема для таких проектів та видань як Forbes, Huffington Post, NY Times. Він дуже простий і швидко перетворює ваш звичайний сайт на мобільний. Працює з усіма темами оформлення для движка WordPress та автоматично синхронізується з вашим основним сайтом.
Коментарі до запису: 24
Ви самі їх не тестували? :)
У мене просто всі експерименти закінчилися на тому, що з плагінами, що кешують, вони не дружать.
Якщо перше відвідування було звичайною версією, вона кешується і показується всім. Ще гірше, коли кешується мобільна версія. :)
Як варіант, в обговорення плагінів пропонують, виключати мобільних відвідувачів із кешування… Але їхня частка сягає вже 20%…
Щоправда, я, звісно, перепробував не все. Може упустив щось сумісне?
А то поки що нормально працюють лише теми з адаптивним дизайном. :)
Ні, ми не тестували всі ці плагіни. Звісно, одні лише ці плагіни – це не панацея. Сама тема оформлення теж має хоч якось відповідати стандартам адаптивної верстки. Тож це радше помічники, а не основне рішення.
Не… У них якраз завдання зробити мобільну версію, не чіпаючи все інше.
Той же WPtouch працює чудово, пропонуючи, як свої власні мобільні теми, так і можливість встановити свою абсолютно окрему від немобільної. :)
Якби не кешування.
Підкажіть, як Ви зробили підписатися під текстом сторінки? Який це плагін чи скрипт?
MailChimp
Скільки можна з цим кешуванням? Ви навіть не правильно пишете це слово. Нічого крім проблем з плагінами, з налаштуванням сайту, правильним, часом відображенням контенту це не приносить. Це не більше ніж маркетинговий хід людей, які впарюють вам «СЕО». Якби ця, як би це м'якше сказати «технологія» реально працювала, то розробники WordPress (які є більшою мірою фахівцями у своїй галузі, ніж ми всі тут разом узяті), давним-давно реалізували б її на рівні ядра.
Я маю сайт. У сезон доходить відвідувачка до 14000 чоловік на добу. І звичайний вордпрес сам ніколи не впорається з таким навантаженням. Якщо у вас не dedicated сервер. У мене стоїть платний плагін з кешування і все ок тримає навантаження
Жоден із запропонованих плагінів не зміг адаптувати сторінку handmadebooks.com.ua
Плагіни для goMobi хтось пробував? Для wp окремим модулем встановлюється, доки не знаю як працює, але повинен
Дякую, давно так не іржав!))))
Мені як верстальнику дуже сподобався перший плагін, далі просто не зміг прочитати. У топку кросбраузерність, туди ж адаптивну верстку, купу багів різних браузерів, годинник тестування верстки в різних браузерах та ОС, все це для лохів.
Зате є такий крутий плагін, який одним натисканням кнопки дозволяє зробити сайт на WordPress дружнім для мобільних пристроїв.
ДЯКУЮ!!!!!
Візьму на озброєння це диво)))))
Як на Artisteer адаптувати під мобільні пристрої? Які плагіни є?
У дупу засуньте свій Artisteer
Грубо!
зате об'єктивно
Жоден із плагінів не оптимізує тему мого сайту http://somemoreinfo.ru під мобільні пристрої.
У вас чудовий сайт. Хороша допомога для мене, як блогера-початківця. Одразу отримала те, що шукала. Велике спасибі вам. Ви робите потрібну для нас справу.
З повагою, Тетяна.
Шкода, що плагіни не дружать із кешуванням. А ще майже в кожному із плагінів крутиться поп-ап реклама, що дико дратує. Виходить, що такі плагіни – тимчасове рішення.
WP Mobile Detector у репозиторії вже немає.
Якщо чесно, більшість тих хто володіє сайтами є виключно власниками своїх сайтів, і інша сторона їх мало стосується. Тобто вони не завжди є професійними експертами у галузі коду, мови програмування тощо. Тому мені здається потрібно якось спрощувати для них сприйняття цього факту, тобто потрібні або знаючі люди, яким можна довіряти, або якісь допоміжні програми та утиліти. Наприклад можу навести mobile-version.ru, де за 2-3 дні вам зроблять працюючу мобільну версію сайту. Такі способи завжди економлять час і нерви, це куди простіше, звичайно ж, крім тих випадків, коли ви самі маєте величезний досвід у розробці мобільних версій сайтів.
Підкажіть, як реалізувати. Я маю сайт на вордпрес. Я встановив плагіни на нього. Далі інтегрував цей сайт у мобільний додаток. Сайт у додатку відкривається та працює, а ось плагіни зникли. Як мені десктопні плагіни перевести на мобільні?
OK!
Інфа давно не є актуальною. Половина плагінів, представлених тут, закрита, а інша половина оновлювалася років сто тому і не підходить під оновлення сайтів!
Доброго дня!
На моєму сайті https://vottakiepirogi.ru/ встановлені 2 плагіни JetPack і WP Touch.
Підкажіть, чи цього достатньо?
у налаштуваннях JetPack не можу знайти, де треба активувати Mobile Theme.
Спасибі за відповідь.
Добрий день. Схоже, що ваш сайт погано адаптований під мобільні екрани. PageSpeed Insights показує, що є проблеми.
JetPack більше не має розширення Mobile Theme, з березня 2020 року.