Робимо нативну мобільну програму з WordPress сайту за допомогою WordApp

Хочете створити мобільний додаток зі свого WordPress сайту? Ідея чудова, тільки як це зробити? Якщо ви звичайний користувач WordPress, у вас напевно буде недостатньо досвіду та часу, щоб заглибитись у розробку мобільних додатків.

Це не потрібно. Тому що є інструменти та плагіни, які допоможуть вам створити з вашого сайту на WordPress готовий нативний додаток під мобільну платформу iOS або Android.

Дивіться також:

• Створюємо нативні iOS та Android додатки для WordPress сайту за допомогою Mobiloud
• 11 інструментів для створення мокапів та прототипів ваших сайтів та веб-додатків
• 30 безкоштовних тем WordPress для сайтів стартапів, SaaS та мобільних додатків
• 15 тем WordPress для реклами та просування вашого мобільного додатка
• CloudPress - створіть безкоштовно свій адаптивний сайт на WordPress без навичок розробки

У цьому уроці ми зробимо огляд одного такого плагіна. Програма Word. З WordApp ви зможете зробити мобільний додаток не тільки зі звичайного блогу на WordPress, це рішення підходить і для інтернет магазину на WooCommerce або сайту BuddyPress.

Що вміє робити WordApp?

WordApp допомагає вам створити нативний мобільний додаток з вашого WordPress сайту під платформу iOS та Android. Це означає, що ви зможете потім завантажити цю програму в магазин програм AppStore або Google Play Market, і будь-хто зможе його скачати на свій смартфон.

Крім створення програми з сайту, WordApp також вміє адаптувати ваш сайт під мобільну версію, що дуже зручно. Ви можете відключити цю опцію і використовувати стандартний адаптивний дизайн вашого сайту (якщо ваша тема підтримує адаптивність), але чому не спробувати мобільний дизайн WordApp, якщо це безкоштовно?

Ось основні можливості WordApp:

• Створюйте додаток із сайту з live preview
• Налаштуйте колір, меню, іконки та навігацію
• Підтримка iOS та Android
• Не потрібні навички програмування
• Підтримка WooCommerce та BuddyPress
• Підтримка інших плагінів із каталогу wordpress.org
• Монетизація за допомогою AdMob
• Push повідомлення для вашої програми

Тепер давайте розберемося, як це все працює!

Робота з WordApp

Все починається з безкоштовного плагіна, який потрібно встановити та активувати на вашому сайті WordPress:

Після активації плагіна вся решта магії відбувається у вбудованому Конструктор додатків. Саме в цьому будівельнику ви будете виробляти більшу частину налаштувань та функцій для вашої майбутньої програми.

Дуже зручно, що у правій частині App Builder ви постійно бачите прев'ю вашої програми. Ви можете змінювати налаштування та дивитися, як це відображається на фінальній версії програми.

Хоча цей попередній перегляд і не на 100% працює в реальному часі (вам потрібно щоразу натиснути Save у налаштуваннях, щоб побачити зміни), це все одно значно спрощує процес і робить його більш інтуїтивним.

1. Дизайн

Отже, на першій вкладці (Дизайн) Ви можете налаштувати загальну колірну схему програми, вибрати ім'я для програми та іконку. Також можна вибрати тему оформлення та задати, яка сторінка відкриватиметься першою під час завантаження програми.

Як ви бачите, при зміні кольору в налаштуваннях, колір змінюється і в прев'ю в правій частині (але тільки після натискання Save):

2. Меню та навігація

На наступній вкладці (Menus & Bars) Ви можете налаштувати меню для програми. Фактично вам потрібно буде налаштувати параметри для іконки-гамбургера (іконка головного меню), а також нижню навігаційну панель.

Наприклад, верхнє меню можна взагалі відключити, і це виглядатиме так:

Для нижньої навігаційної панелі можна вибрати, які кнопки будуть відображатися та налаштувати ці кнопки. Наприклад, можна змінити вигляд першої іконки для меню Home:

3. Піктограма програми та інші настройки

На останній вкладці (Структура програми) вам потрібно налаштувати:

• значок програми
• заставку (splash screen)
• іншу мета-інформацію

І на цьому все! Розробники WordApp обіцяли, що весь процес займе трохи більше 5 хвилин, і це правда! Звичайно, ви захочете витратити більше часу на ретельне налаштування кожного кроку, але в принципі можна вкластися в 5 хвилин.

Зверніть увагу, що ніяких додаткових функцій у вашому додатку не буде, але для 5-хвилинного майстра створення програм WordPress цього слід очікувати.

Все, що залишилося зробити - це натиснути на кнопку Publish App:

Після цього ви отримаєте email від WordApp з посиланнями на завантаження двох програм: для iOS та для Android:

Лист із посиланнями на завантаження може прийти не відразу, а хвилин через 10-15.

Реклама у додатку

Ви можете додати рекламу у свою програму, використовуючи рекламну мережу AdMob. Для цього в настройках WordApp перейдіть на вкладку AdMob та вкажіть свої дані та ідентифікатори:

Окремі сторінки для мобільної програми

Якщо ви хочете додати якусь сторінку тільки для версії мобільного додатка, але щоб її не було видно у звичайній десктопній версії сайту, це дуже просто зробити.

WordApp додає новий кастомний тип записів Сторінки для мобільних пристроїв, де ви можете керувати сторінками, доступними тільки для мобільного додатка:

Push повідомлення для мобільного додатка

Ви можете створювати повідомлення прямо в адмінці WordPress свого сайту, і вони розсилатимуться Push-методом на смартфони користувачів, які встановлять ваші програми.

Просто зайдіть на вкладку Send a Push Notification та створіть своє повідомлення. Там можна задати час і дату для відкладеної відправки.

Ціна

Ви можете створювати мобільну HTML версію сайту та програми для Android абсолютно безкоштовно!

Але для додаткових налаштувань та для iOS версії програми потрібно буде вибрати один із платних тарифів:

• Bronze – $2.99 ​​на місяць / $4.99 на рік
• Silver – $4.99 на місяць / $6.99 на рік
• Gold – $8.99 на місяць / $9.99 на рік

Підсумки

WordApp - це дуже простий сервіс зі створення мобільного додатку для iOS та Android з вашого сайту на WordPress. Мобільну HTML версію та версію під Android можна створювати безкоштовно, під iOS – за гроші, але навіть платний тариф коштує дуже недорого. Спробуйте!

А найголовніше – мінімум налаштувань, 5 хвилин і готове!

Джерело: wordapphq.app-developers.biz

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/