wordpress integration tutorial

22
Before you enable the WordPress feature for your app, login to your WordPress account.

Upload: my-app-editor

Post on 13-Apr-2017

217 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Wordpress Integration Tutorial

Before you enable the WordPress feature for your app, login to your WordPress account.

Page 2: Wordpress Integration Tutorial

Under Dashboard, go to Plugins. Click on ‘Add New‘

Page 3: Wordpress Integration Tutorial

Search for ‘Mobile App Plugin‘

Page 4: Wordpress Integration Tutorial

Look for Mobile App Plugin in the Seach Listing and click on ‘Install Now‘.

Page 5: Wordpress Integration Tutorial

Once installed, click on ‘Activate’

Page 6: Wordpress Integration Tutorial

Go to Settings on the left, and click on Mobile App Settings

Page 7: Wordpress Integration Tutorial

Select the Categories you would like to show on your app as well as the number of posts to display per page and the number of comments you’d

like to have displayed. Click on ‘Update Options‘.

Page 8: Wordpress Integration Tutorial

To start editing your app, make sure you are on the ‘App’ view of the platform. This is located in the middle of your header bar.

Page 9: Wordpress Integration Tutorial

Go to the ‘features’ tab on the navigation panel to start customising out your content.

Page 10: Wordpress Integration Tutorial

Once the ‘Features’ tab has been selected the app panel will appear with a list of the features that are already applied to your app. On the top right of the panel there is a ‘Manage’ button, click this to access the features menu where you can pick and choose which features you would like on your app.

Page 11: Wordpress Integration Tutorial

Select the ‘Wordpress’ feature. 'Add’ the feature and then move it to where you would like it to be placed on your app panel. Press

’Close' once you’ve finished.

Page 12: Wordpress Integration Tutorial

Select the ‘Wordpress’ tab now located on your app panel.

Page 13: Wordpress Integration Tutorial

For a detailed description of what the ‘Wordpress’ feature does hover over the question mark button

Page 14: Wordpress Integration Tutorial

Click the customise button to change the name or the icon

of your Wordpress feature.

Page 15: Wordpress Integration Tutorial

To chose an icon or to upload your own custom icon press

the ‘Browse’ button.

Page 16: Wordpress Integration Tutorial

Choose an icon from the list provided, or to upload your own icon press the ‘Upload custom icon’ tab.

Page 17: Wordpress Integration Tutorial

To upload your custom icon drag and drop your 60 x 60 pixel image into the blue area, or press browse to find your icon manually. Press

set when you have chosen your icon.

Page 18: Wordpress Integration Tutorial

Press ‘Save’ once you have finished customising your features name and icon.

Page 19: Wordpress Integration Tutorial

Add the WordPress URL in the field provided and click on Save.

Page 20: Wordpress Integration Tutorial

Preview AppTo view your new app feature download the Putti Preview App and navigate to your WordPress tab.

Page 21: Wordpress Integration Tutorial

Here’s an example of WordPress used on the Ray White Real Estate App.

Page 22: Wordpress Integration Tutorial

The Arrow on the top right, will allow you to access posts by Category