Знаете ли вы, как создать приложение для Android или IOS ваш блог или сайт под WordPress? Вы также хотите, чтобы значок вашего сайта был на вашем телефоне? Да ?

Но все варианты, которые вы пробовали, либо слишком сложны, либо слишком дороги, и вы неохотно отказались от них, потому что " слишком сложно для тебя ».

Прежде чем мы полностью откажемся от этого, мы еще раз попробуем с вами новый подход под названием DIY, который позволит вам без больших затрат создать базовое приложение для вашего сайта WordPress.

 PhoneGap-Встроенные изображения учебник

PhoneGap постройки: простой и экономичный способ превратить ваш сайт WordPress в мобильный мир ваших пользователей.

Причины, по которым создание мобильных приложений сегодня резко возросло, заключаются в том, что мобильное приложение стало формой маркетинга, которая повысила бы шансы того, что ваше приложение будет обнаружено новыми типами посетителей.

Сегодня все дело в том, чтобы дать вашим читателям возможность выбирать, как просматривать ваш контент. И, конечно же, с продолжающимся ростом доступа к Интернету через мобильные устройства мобильные приложения становятся все более популярными.

Очень хорошая новость заключается в том, что больше нет необходимости искать хороших разработчиков приложений, владеющих CSS или Java, для создания мобильного приложения для вашего сайта WordPress.

Вы можете сделать это бесплатно и очень часто бесплатно. Вы также можете потратить несколько $ 99 / год чтобы присоединиться к сообществу разработчиков IOS для создания и распространения вашего приложения (напрямую или через App Store).

Позвольте мне также сказать кое-что еще совершенно ясно: речь идет о создании мобильного приложения для отображения содержимого вашего сайта WordPress на мобильных устройствах ваших читателей. Речь идет не о создании реальных приложений с использованием WordPress в качестве платформы приложений.  

Как это работает?

PhoneGap-Встроенный как-ча-ходьба

PGB создает приложения гораздо проще

Это решение основано на создании простого мобильного приложения с использованием сервиса PhoneGap Build (ВМР) кто действительно соответствует его требованиям:

Будьте терпеливы, если хотите разрабатывать мобильные приложения WordPress.

Основной целью приложения будет получениеInAppBrowser устройство и укажите его на главной странице вашего сайта. Как будто ваш читатель использует мобильный веб-браузер. Прелесть этого подхода заключается в том, что в WordPress все эффективно контролируется с помощью инструментов, методов и технологий, которые вы уже знаете.

Если вы хотите изменить внешний вид вашего приложения, вам нужно всего лишь обновить WordPress тема, нет необходимости развертывать обновление для самого приложения.

Итак, решение - это 1% приложения, 99% WordPress. Это означает, что вы должны быть осторожны с тем, что ваш сайт WordPress предоставляет в качестве контента. Даже самая отзывчивая тема может уступить мобильным приложениям. Вы должны убедиться, что у вас лучший мобильный опыт, а это означает: подумайте о теме, содержании, меню и взаимодействии.

Поэтому в этом руководстве основное внимание уделяется усилению приложения и настройке WordPress.

Сначала загрузите WordPress, затем вы можете протестировать его, просто просмотрев на мобильном устройстве или используя симулятор - перед созданием приложения. И всегда помните, что удалить приложение с домашнего экрана проще, чем настроить его оттуда.

4 предпринимает шаги для создания мобильного приложения WordPress

Давайте шаг за шагом создадим наше приложение. Поскольку Android прост, мы сосредоточимся на этой ОС, но имейте в виду, что процесс для любой операционной системы в значительной степени одинаков.

Перед тем как начать

Хотя веб-приложения можно легко протестировать с помощью эмуляторов, мобильные приложения намного проще протестировать на реальном устройстве. Поэтому, если у вас нет устройства Android, вам лучше найти его, если вы хотите продолжить изучение этого руководства.

Если вы еще не использовали PGB, вам необходимо создать учетную запись. КМБ есть бесплатный план, который позволяет вам создать одно частное приложение (который вы можете создать, загрузив zip-файл) или неограниченное количество приложений с открытым исходным кодом.

Если вы новичок в PGB, я рекомендую вам использовать его вместе с GitHub, поскольку он значительно упрощает процесс обновления и восстановления вашего приложения. Это также означает, что вы сможете использовать свои учетные данные GitHub для входа в PGB.

Шаг 1. Создание файлов приложений PGB

PhoneGap-Встроен создать-то-fochiers-из-органов

Большинство файлов в этом приложении являются логотипами и экранами запуска!

Структура очень проста, с корневым каталогом, содержащим файлы index.html, config.xml. Очень важно!, набор файлов иконок в формате PNG по умолчанию и каталог разрешения который содержит значки конкретной ОС для экранов приветствия и титульных страниц.

вы можете скачать это приложение и используйте его, чтобы легко начать.

Шаг 2. Создайте значки приложений

Значки приложений важны: это те, которые приложение будет использовать при добавлении значка на главный экран устройства. Чтобы сгенерировать значки, используйте одну из следующих служб: appiconsizes ou makeappicon. После создания этих значков загрузите соответствующие изображения в соответствующую папку.

Шаг 3. Настройте приложение

Вся конфигурация содержится в файле config.xml. Для вашего собственного приложения вам необходимо изменить следующее:

  • @ Id виджет – соглашение состоит в том, чтобы обратить вспять доменное имя вашего веб-сайта и добавить суффикс к заявке
  • имя - название вашего сайта
  • Описание - краткое описание вашего сайта
  • автор (@ mail, @ href) - ваши контактные данные
  • ЦСИ счастливым @ - измените это и укажите на главную страницу вашего сайта
  • Доступ @ происхождения – он определяет, какие веб-сайты может просматривать приложение. Две возможности: введите свой доменное имя и, следовательно, ограничьте приложение только просмотром вашего веб-сайта или используйте «*» и разрешите приложению просматривать любой сайт.

В этом файле конфигурации есть несколько элементов плагина, некоторые из которых вам не пригодятся. Тем не менее, по-прежнему важно создавать свои приложения с использованием некоторых из этих подключаемых модулей, чтобы воспользоваться такими функциями, как геолокация, без необходимости воссоздавать свое приложение.

Вы также заметите, что есть несколько значков приложений, которые будут использоваться для главного экрана устройства и для домашних страниц приложений. Если вы переместили сгенерированные значки в нужные папки, вам не нужно здесь ничего делать.

Однако помните, что имена чувствительны к регистру!

Шаг 4. Давайте запустим процесс генерации PGB

Зайдите на сайт PGB и войдите в систему, вы окажетесь перед экраном приложений, который, конечно же, будет пустым.

PhoneGap-Built-СТАРТ-на-процесс-оф-создание-оф-реализации

PhoneGap Build намного проще при использовании вместе с GitHub.

Предполагая, что вы вошли в свою учетную запись GitHub и собираетесь создать приложение с открытым исходным кодом. Все ваши общедоступные репозитории GitHub будут доступны в « Существующая находка репо« , просто нажмите на стрелку, выберите каталог и нажмите свитер из GitHub хранилища.

PGB перейдет в ваш каталог и представит вам экран с подробными сведениями о приложении.

PhoneGap-Встроенный экран-оф-приложений

После загрузки PGB в файлы GitHub вы будете готовы создать свое приложение.

Cliquez-сюр- Готовы строить

Затем страница изменится, чтобы показать прогресс создания вашего приложения. По умолчанию PGB пытается создать приложение для IOS, Android и Windows, 8, Красный означает, что поколение не удалось, а синий указывает на успешное создание.

PhoneGap-Встроенный процесс-оф-создания

PGB попытается создать приложение для Android, iOS и Windows. Синий означает, что создание прошло успешно.

iOS будет всегда терпеть неудачу, если вы не предоставили PGB сертификаты разработчика iOS, требующие членства для Программа для разработчиков iOS как я упоминал ранее.

Надеюсь, однако, что создание Android-приложения прошло успешно, и вы готовы к тестированию!

Вы можете скачать файл .apk нажав на значок Android. Но есть и другие способы восстановить этот файл. Однако, какой бы метод вы ни использовали, вы должны найти значок своего приложения на главном экране. (если значок выглядит не так, как вы ожидали, вероятно, вы указали неправильный URL-адрес в файле config.xml).

Щелкните значок приложения, и он откроется, и вас встретит начальный экран, а затем первая страница вашего веб-сайта. (В зависимости от спецификации устройства могут быть небольшие задержки при перемещении главного экрана на сайт).

Поздравляем, вы только что создали свое первое приложение WordPress!

Теперь все будет зависеть от того, как вы настроили свой сайт WordPress, но преимущество в том, что теперь вам нужно будет работать только в WordPress, чтобы вносить улучшения.

Если по какой-либо причине URL-адрес изображения неверен, вам необходимо воссоздать приложение:

  • Обновите файлы в вашем каталоге GitHub
  • Перейдите на страницу приложений в PGB и нажмите  Обновление кода - файлы будут загружены в ваш каталог GitHub
  • PGB должен автоматически запустить процесс отдыха - в противном случае восстановить все

Но, если вы хотите использовать больше возможностей мобильного устройства, то стоит присмотреться к AppPresser.

Но если вам нужно только предоставить читателям возможность выбора, предоставив им мобильное приложение, этот процесс поможет вам сделать это.

Мы надеемся, что это руководство помогло вам создать мобильное приложение для вашего сайта WordPress. Если у вас есть предложения или комментарии, поделитесь ими с нами в разделе комментариев.