Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

MIT License


This is starter package builds SPA using's REST API. I build it using Ionic Framework.

Please visit for the demo. In addition, the introduction site of this repository is here (This is Japanese web site).

Getting Started

This package uses Node.js. If you do not install it please use it from here.


In Ionic Framework, development commands and production commands are separate.

For the development command, start dev-server. This is equipped with function that automatically reloads the browser after detecting the change of the file such as CSS and automatically building it.

The command for development is here. Please execute in this folder which clone this repository.

$ npm run-script ionic:serve

For the production command, there is no launch of dev-server and it takes time to build. However, since the file size is greatly compressed and it is designed to operate at high speed, it is common to use this when uploading to the server.

$ npm run-script build --prod

Show your WordPress

By default, the package developer rdlabo's REST API is displayed. Let's change this to WordPress you have.

The change is very easy. Open src/environments/,src/environments/ and change the following part to the URL of WordPress you have.

9   // WordPress.comのURL、もしくはJetPack連携しているURL
10  wordpressURL: '',

After change/save, hitting a command will display your WordPress data.


If you run a blog using, please enter the URL of in the above URL field.

For example, at, please change it as follows

9   // WordPress.comのURL、もしくはJetPack連携しているURL
10  wordpressURL: '',

For (installation type)

If you are using there are 5 steps to prepare.

  1. Install and enable the plugin Jetpack by in WordPress
  2. Jetpack and will work together (Connect Jetpack to For this work you will need an account at
  3. Click Debug in the Footer of the Jetpack plugin's dashboard screen. It is in the upper left corner of the lower right version notation (it is hard to understand)
  4. Go to the full list of available Jetpack modules on your site.
  5. Since there is an item called JSON API the fifth from the top, please enable it

After completing the above, change the URL field to WordPress URL (unique domain available).

Change theme

Change CSS

Changing CSS is very easy. There is an SCSS file in src/theme. src/theme/variables.scss is the Ionic default theme editing file. Please refer to Theming your Ionic App. src/theme/ionic-wpcom.scss is the SCSS added to build this theme.

Change HTML

src/components and src/pages is the theme storage place. Since it is written in TypeScript with SPA (Single Page Application), it may be hard to get stuck at the beginning. But I will make the approximate composition the same folder name as WordPress official theme, so please try it.

Usage package list (partial)

Easy hosting

With Netlify you can easily host it. I am hosting the demo now, but please use it because I write the setting.

Item input content
Branch master
Build command npm run-script build --prod
Publish directory www




This is starter package builds PWA using Ionic Framework &'s REST API



Code of conduct





No packages published