Develop Angular websites, powered by Wordpress CMS. Brought to you by the strategists, designers and developers of Use All Five.
git clone clone [email protected]:UseAllFive/wordpress-angular-boilerplate.git
cd wordpress-angular-boilerplate
npm install
ng serveNavigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
In your brower, you should now see boilerplate data being imported from the Use All Five Demo Wordpress
After installing Wordpress, there are several plugins you'll need to install:
ACF to REST API, Advanced Custom Fields, Advanced Custom Fields PRO
The Advanced Custom Fields Pro plugin is a paid plugin that allows us to create flexible and repeating content for our layout-driven designs
We are using the WP-API-Angular library to import data from Wordpress (you can see some of their examples here
In your boilerplate Angular code, go to app.module.ts and replace http://wp-playground.ua5.land with your own Wordpress domain
And thats it! If your Wordpress & Advanced Custom Fields matches ours, this will work out of the box with your own Wordpress data coming through in the boilerplate template.
You can add custom pages in app-routing.module.ts, and create your own interfaces to make your own Wordpress custom fields.
If you have questions, feel free to open a github ticket or email us at [email protected]