ionicthemes/ionic-wordpress-integration

Stars
262
Rank 151,065 (Top 4 %)
Language
TypeScript
Created over 6 years ago
Updated about 1 year ago

ionicthemes/ionic-wordpress-integration

ionicthemes

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Ionic Wordpress starter app 😎. Learn how to communicate your ionic app with Wordpress REST API with this starter and detailed tutorial.

Ionic Wordpress Starter App

Let's build an Ionic app for your Wordpress site using Wordpress REST API! This ionic tutorial will show you how to communicate with the WP API in order to get your Wordpress posts, categories, comments. We also added Wordpress Login using JWT .This ionic tutorial includes a working example you can reuse for your needs!

This app is built using Ionic 5 and Angular 11.

The old version used Ionic 3, if you are still working with Ionic 3, check the Ionic-v3 folder.

Please support this project by simply putting a Github star ⭐.

🤓 Check the complete step by step tutorial.

🚀 Try the demo.

Installation

Install dependencies

npm install

Wordpress Configuration

The REST API is included in the Wordpress Core from WordPress 4.7! Plugins are no longer required, just install the latest version of WordPress and you're ready to go. In order to check that you are able to make requests to the REST API you only need to make a request to the following url: http://YOUR-WORDPRESS-SITE/wp-json/wp/v2/ Please note that you need to change 'YOUR-WORDPRESS-SITE' with your own value.

Run the app on the browser

ionic serve

Run the app on your phone

This project uses Capacitor (spiritual successor to Cordova).

Read this post to get an introduction about Capacitor and learn the main differences between Capacitor and Cordova.

Before starting make sure to read the Capacitor Required Dependencies.

The Capacitor workflow involves a few consistent tasks:

iOS Platform

Read how to build this app for iOS.

Android Platform

Read how to build this app for Android.

build-a-complete-mobile-app-with-ionic-framework

Getting Started with Ionic Framework - Let's build a real App together! Learn the core concepts of Ionic while building a Q & A mobile app.

ionic-forms-and-validations

📝 Ionic Tutorial - Learn to use Forms and Validations in Ionic Angular apps. Get a FREE Ionic 5 Forms Starter App and learn to handle simple and custom validations. Includes complete ionic forms tutorial!

ionic-pwa

🚀 Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest

ionic4-starter-app-tutorial

Ionic 4 To Do List App. FREE Ionic 4 example app. Learn how to start using Ionic 4 to create a simple app with lists, forms and navigation.

ionic5-firebase-authentication

🔥 Ionic Firebase Authentication Starter - FREE starter app with Firebase Authentication with social providers such as Google, Facebook and Twitter. Includes complete tutorial to learn how to integrate Firebase Auth into your Ionic 5 application.

building-a-complete-mobile-app-with-ionic-framework

JSConfUY 2015 Ionic workshop app. Ionic example conference app.

ionic-firebase-starter-app

Ionic 4 firebase CRUD tutorial to learn how to create a firebase application to perform Authentication and all CRUD operations in an ionic 4 application. You can use this FREE Ionic Firebase Starter App as a base to create your Ionic App with Firebase backend :)

facebook-login-with-ionic-framework

Ionic example app of how to add Facebook Native authentication into an Ionic Framework v1 app. Add facebook login to your ionic app!

ionic5-starter-app-tutorial

Free Ionic Starter Template - Ionic 5 example app. Learn how to start using Ionic 5 to create a simple app with lists, forms and navigation and more!.

ionic-facebook-login

Ionic starter app to show you how to add Facebook Log In to an Ionic App.

ionic6-starter-app

🌟 Ionic Starter Template. It has everything you need to jump start your Ionic Angular app development! Firebase Integration, Capacitor, PWA, Lists, Cards, Navigation, Forms and Validations and SO MUCH MORE! 🚀

ionic-google-login

Ionic 4 starter app to show you how to add Google Log In to an Ionic App using Google Sign-In Cordova Plugin.

ionic-navigation-and-routing

🎉 Ionic 5 tutorial to learn how to master Routing and Navigation in Ionic Angular Apps as well as some usability tricks you can add to your Ionic Framework apps to make them look even better!

ionic3-image-handling

In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.

ionic-3-google-maps-google-places-geolocation

This repository is part of an ionic tutorial about Maps! In this tutorial we merged Google maps, Geolocation and Google Places. This ionic tutorial includes a working example you can reuse for your needs!

ionic-custom-components

🌈 Ionic Tutorial: Mastering Web Components in Ionic Framework. This repo is an Ionic project showcasing Angular custom components and Stencil custom web components.

improved-ux-for-ionic-apps-with-skeleton-loading-screens

🛎 Learn the importance of adopting the App Shell pattern in your ionic apps and how to implement it using Ionic and Angular and some advanced CSS techniques.

google-login-with-ionic-framework

Ionic example app of how to add Google Plus authentication into an Ionic Framework app. Add google login to your ionic app!

ionic-firebase-image-upload

Building an Ionic App with Protected/Private Content. This app shows how to use Firebase Storage from an Ionic Angular app both with public and private content.

ionic-firebase-crud

🔥 Ionic CRUD with Firebase database. Use this demo as a starter project to build your Ionic Firebase app!

ionic-socialsharing-with-deeplinking-example

Ionic Social Sharing and Deep Linking example app. Complete Ionic Tutorial with free example app! Built for Ionic 3.

building-an-ionic3-multi-language-app

Learn why you need to Internationalize and Localize your Ionic Framework App and how to do it. Also find out how to adapt your Ionic App for multi languages including RTL languages.

google-maps-places-geolocation-for-your-ionic-app

Ionic example app of how to add Google maps, places, geolocation and related features into an Ionic Framework app.

how-to-build-any-ui-with-ionic

Explore different strategies you can use to customize and extend the Ionic UI Components to create any UI you want.

monetize-your-ionic-3-app-with-admob

Ionic example app with admob. This repository is part of a tutorial that shows how to add AdMob to your Ionic 3 App.

ionic-twitter-login

Learn how to add Twitter Login to your Ionic 4 App. In this ionic framework tutorial we will build a ionic 4 example app with Twitter Authentication.

firebase-authentication-for-your-ionic-app

Ionic example app with Firebase authentication. Add Firebase login to an ionic Framework App. Free Starter and Complete Tutorial.

ion2fullapp

This is our public repository for customers to report bugs about Ion2FullApp - Ionic Template

how-to-build-any-ionic-chart-or-visualization

📈 Learn how to build advanced Ionic charts and visualizations using the best Ionic Angular charting libraries (ngx-echarts, ng2-charts, ngx-charts).

ionic-platform-authentication-for-your-ionic-app

Ionic example app of how to add Ionic Platform authentication into an Ionic Framework app.

custom-ionic-form-input-components

Learn how to create custom Ionic form inputs to use in your Ionic Angular apps

form-handling-and-validations-for-your-ionic-app

Ionic 1 example app with Angular Forms and validations.

c-coffee-icon

Custom multi-color SVG web component coffee icon using Stencil.js

questions-and-answers-tutorial-backend

This repo is the backend for the Build a Complete Mobile App with Angular and Ionic demo app. Built with NestJS.

ionic-sliding-tabs

Ionic Sliding Tabs. This repo is an Ionic 6 and Angular 13 project with an example of sliding tabs in Ionic.