The introduction
Without further ado, this series of tutorials is to teach you how to make your existing WP website into an APP or small program
Technical stack requirements
It should be noted that in this tutorial, due to my limited energy, I am not responsible for the design and development of any front-end page, but only the interface design and development of front-end and WP interaction. Of course, I will do my best to make a simple Demo for demonstration and testing (use UNI-app here for simplicity).
As for what is interface development if someone does not understand you can go to Baidu, here is not detailed. However, in simple and understandable terms, interface is actually a bridge between the client (APP) and the server. You can understand that the functions and data required by app are realized and obtained by interface.
Ok, so let’s talk about the technology stack for this tutorial.
- PHP(at least understand the code)
- Small program front-end development and data interaction
- WordPress secondary development (at least can understand the code)
- Hybrid app technology, generally speaking, refers to vUE app, ReactNative app, IONIC app, etc.
Don’t be alarmed, though, because in this series of tutorials I’ll go through all the code I’ve typed and post all the source code that you can paste and copy. If you already know how to mix app development, you’ll be ready to develop your own apps and applets with WP.
What will you learn
- WordPress depth split
- WordPress theme creation basics
- PHP based
- Fundamentals of Interface Design
- Make your own app
Tutorial directory
preparation
WordPress Installation Make a simple WordPress theme create an app project using the Uni-app framework
Slide start
Uni-app request interface and life cycle function UNI-app render slide data
Home page started
Uni-app: To render your WordPress homepage articles, please click on the Tutorial directory
other
Backend repository: github.com/sliverRing/…
Front-end repository: github.com/sliverRing/…
This tutorial was originally published on clearing the web, please click to see the full contents.