Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

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

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

У цьому уроці ми зробимо огляд одного такого плагіна. Програма 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:

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

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

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

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

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

1. Дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ціна

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

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

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

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

Підсумки

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

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

Джерело: wordapphq.app-developers.biz
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 7

Антон:

Дякуємо за огляд!
Ви самі тестували цей плагін? На навантаження на хостинг, базу даних, чи дизайн мобільний, інші баги?
Заранее благодарен за відповідь

Артем:

Принципово не користуюсь сервісами з підпискою. Лише одноразова оплата.

Сергій:

Одноразова передплата, окей. Зробив програму, заплатив. Потрібно поміняти назву кнопочки, повний чайник на ява, поміняв через цей же сервіс, знову одноразово плати. Настав час оновити програму — знову плати. Хіба так зручніше? У цьому випадку щомісячна передплата виправдана.

Володимир:

Оплата $4.99 не за рік, а за місяць, а 2,99 — за умови оплати одразу за рік. І при цьому реклама від WordApp

Шавкат:

Після налаштування приходить лист про те, що отримаєш програму через 48 годин і тим самим забувають про тебе і твою програму.

Олег:

Ніхто не знає, є щось схоже, але на Joomla?

Сергій:

Забудь ти вже про Joomla.

Додати коментар або відгук