https://github.com/miya0001/ionic-starter-wordpress

Ionic starter template for WordPress + WP-API v2
https://github.com/miya0001/ionic-starter-wordpress

Last synced: 13 days ago
JSON representation

Ionic starter template for WordPress + WP-API v2

• Host: GitHub
• URL: https://github.com/miya0001/ionic-starter-wordpress
• Owner: miya0001
• Created: 2016-02-16T01:05:49.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-03-19T06:46:06.000Z (almost 9 years ago)
• Last Synced: 2024-10-29T23:20:22.360Z (about 2 months ago)
• Language: HTML
• Size: 65.4 KB
• Stars: 28
• Watchers: 7
• Forks: 15
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Create a Mobile Application using WordPress + WP-API + Ionic Framework

This is a starter template for the [Ionic Framework](http://ionicframework.com/).

You can create Mobile Application using WordPress + WP-API v2, Ionic Framework, AngularJS.

## Demo

* [https://www.youtube.com/watch?v=CG30n0h0Rpg](https://www.youtube.com/watch?v=CG30n0h0Rpg)

## Screenshots

### Desktop browser testing

![](https://www.evernote.com/l/ABUHcWWDgXJG9KbZNu9bqqAngUwLqIXUsSAB/image.png)

### Simulator testing

![](https://www.evernote.com/l/ABWzYURP9hVNQ5bRL7iy9V5lTmIaGJgcp-MB/image.png)

## Features

* Infinite scroll

* Pull to refresh

* Static front page

* Posts

* Gallery

## How to use this template

### 1. Install Ionic

```bash

$ npm install -g ionic cordova

$ npm install ios-sim -g

```

### 2. Install WordPress REST API (Version 2)

Please install [WordPress REST API (Version 2)](https://ja.wordpress.org/plugins/rest-api/) into your WordPress site.

### 3. Start a project

```bash

$ ionic start myApp https://github.com/miya0001/ionic-starter-wordpress

$ cd myApp

$ ionic platform add ios

$ ionic platform add android

```

Open your `myApp/www/js/app.js` and change [here](https://github.com/miya0001/ionic-starter-wordpress/blob/master/js/app.js#L11) to your own URL like following.

```javascript

.constant( 'config', {

  api: 'http://example.com/wp-json/wp/v2' // API URL of your WordPress

} )

```

If you want to try quickly, you can skip here.

### 4. Run it

Run your app on iOS simulator.

```bash

$ ionic emulate ios

```

Or run on your browser.

```bash

$ ionic serve

```

Substitute ios for android if not on a Mac, but if you can, the ios development toolchain is a lot easier to work with until you need to do anything custom to Android.

[See more information](http://ionicframework.com/).