Basic app settings
This section will guide how to make the app work with your existing Wordpress website
Your website must be run on WordPress version >4.x, of course, we always suggest you should upgrade to the latest version. We will upgrade here any logs update when WordPress upgrades the versioning.
This chapter contains the following sections
1. Backend WordPress Theme
For easy to config the WordPress site, you can download the site from our GitHub. With this project, we were already config and install all plugins that is used for the app, or if you have your existing website, you can set up by yourself.
2. Backend WordPress Plugins installation
In order to configure the WordPress site, you must download the plugins below:
V1.3 – December 27, 2019 Support page builder: WP Page builder + Elementor Add common plugins: popular posts + related posts Add rating module: generating and displaying interactive star ratings Support some common languages Optimize app perfomance x2 speed (Compatible with the latest version)
this was already config and install all plugin that uses for the app, or if you have your existing website, you can following by below setting.
V1.2.2 – November 20, 2019 Fix bug show no data when gallery is empty Add Interstitial Admob for post detail page
V1.2.1 – November 20, 2019 select layout homepage latest posts: Left Thumb, Right Thumb, Grid Thumb, Card Thumb
V1.2.0 – November 08, 2019 Change the default image when load list posts. Fix search function. Fix scroll app to refresh on the home page. Fix swiper action to delete bookmark items. Add a gradient to layout two-column and carousel.
List WordPress Plugins we will use above
ADVANCED CUSTOM FIELDS: plugin to take full control of your WordPress edit screens & custom field data.
ZAPES MOBILE APPLICATION: plugin to help you to check fully services need for the Zapes on WordPress.
Note: After active all plugins, please make sure that all configuration is ok as below (Settings > Zapes Mobile Application):
3. Mobile App config
Go the project folder, open the file: src/common/config.js and follow 2 simple steps to set up the app:
Step 1: Change your WordPress site URL
Step 2: Config image and default layout post
1. How to change colors?
You can change the color using
rgba color or Hexa codes as follows:
For example: to change the
cloGdaabberItem, simply change numbers between
( ) with your desired
rgba color code :
3. How to change icon App?
- With android, you can follow these step:
Step 1: You access to folder res android in your app.
Usually the folder res in the “project/android/app/src/main/”.
Android icons require five separate sizes for different screen pixel densities. Icons for lower resolution are created automatically from the baseline.
Step 2: You create icon with 5 basic size (.png) and name is “ic_launcher.png”
mdpi (Baseline): (48 x 48) hdpi: 240 dpi (72 x 72) xhdpi: 320 dpi (96 x 96) xxhdpi: 480 dpi (144 x 144) xxxhdpi: 640 dpi (192 x 192