Support for WordApp — PhoneGap/Cordova Wordpress Hybrid App

Popular questions for this item

WordApp configuration

Open www/js folder and edit config.js file

Replace <WORDPRESS_API_URL> with your Wordpress Blog url, leave /wp-json/wp/v2/ at the end
.constant('WORDPRESS_API_URL', 'http://<WORDPRESS_API_URL>/wp-json/wp/v2/')
Replace with your Google Project Number How to generate Notification key look here
Replace with your OneSignal AppId
Change color your Ionic application to light, stable, positive, calm, balanced, energized, assertive, royal or dark
.constant('IONIC_APP_COLOR', 'positive')
Change Posts page template to cards, cards2, list
.constant('POSTS_TEMPLATE', 'cards')
Replace <ANDROID_PACKAGE_NAME> with your Android package name and IOS app ID
.constant('IOS_APP_ID', '<my_app_id>')
Replace with your Primary Email to send Feedback
.constant('PRIMARY_EMAIL', '')
Replace with email to send copy Feedback or leave empty
.constant('COPY_EMAIL', '')
Replace <SMS_PHONE_NUMBER> with phone number for send SMS

How to change splash screen and app icon

Go to www/res folder and replace to you own png files

How to change app name, app version and app id

Go to www folder, open config.xml file and make changes in this line, change id, app version.
<widget id="com.ionicframework.wordapp" version="1.0.0" xmlns="" xmlns:cdv="">
In this line change your app name
In this line change your app description
<description>WordApp Ionic Framework and Cordova project.</description>
In this line change your app author data
 <author email="" href="">Your Name Here</author>

How to remove SMS feature from App

Easy way, just open www/templates edit settings.html. Find and remove this lines of code:
        <div class="item option" ng-click="sendSMS()">
         <span class="title">Send SMS</span>

Hard way, open www/templates edit settings.html.

1. Find and remove this lines of code:

        <div class="item option" ng-click="sendSMS()">
         <span class="title">Send SMS</span>
2. Open www/templates/modal folder and delete sendsms.html
3. Open www/js/ folder and edit controllers.js - Find SmsCtrl code lines and remove them
.controller('SmsCtrl', function($scope, $ionicPopup, SMS_PHONE_NUMBER) {
.... here is controller code

- Find this code lines in SettingsCtrl and remove

 // Send SMS
 $ionicModal.fromTemplateUrl('templates/modal/sendsms.html', {
  scope: $scope,
  animation: 'slide-in-up'
 }).then(function(modal) {
  $scope.sms_modal = modal;

 $scope.sendSMS = function() {

4. Last step, open www folder and edit config.xml, find and remove this plugin

  <plugin name="com.cordova.plugins.sms" source="pgb" spec="0.1.2" />

Where replace AdMob ID

Go to www/js folder and open app.js to edit, replace id for different platforms in banner lines:
if (/(android)/i.test(navigator.userAgent)) {
    admobid = { // for Android
        banner: 'ca-app-pub-0000000000000000/0000000000' // Replace with your Android AdMob ID
} else if (/(ipod|iphone|ipad)/i.test(navigator.userAgent)) {
    admobid = { // for iOS
        banner: 'ca-app-pub-0000000000000000/0000000000' // Replace with your iOS AdMob ID
} else {
    admobid = { // for Windows Phone
        banner: 'ca-app-pub-0000000000000000/0000000000'// Replace with your WP AdMob ID

If you want to build an application on only one platform, change ID in the corresponding line, leave the rest unchanged.

Is required to install OneSignal plugins?

No, if you not planning send Push Notifications directly from WordPress dashboard and have plans send Notifications only from OneSignal dashboard you can not install OneSignal plugins to your WordPress blog.

Why I sometime not receive Push Notification?

By default notifications will not be shown when the user is in your app. But if you want set to true open app.js, and add this line
{googleProjectNumber: GOOGLE_PROJECT_NUMBER},

Can we reduce the characters validation in feedback and comments to e.g. 3 characters?

Of course, open www/templates/modal folder and edit comment.html. In code find ng-minlength=”5” change 5 as you want. You can change this in sendfeedback.html

Lists the categories but when you choose a specific category it simply shows all the posts unfiltered

OK! From version WP 4.7 API included to core. And parameter “filter” removed from API. Please open your controllers.js, find this line:

var categoryApi = WORDPRESS_API_URL + ‘posts/?filter[cat]=’ + $scope.itemID;

and replace it with this:

var categoryApi = WORDPRESS_API_URL + ‘posts?categories=’ + $scope.itemID;

Now comments disabled anonymous by default

If you use WP 4.7> just add this line to your theme functions.php:

add_filter( ‘rest_allow_anonymous_comments’, ‘__return_true’ );

Show more