https://github.com/useallfive/wordpress-angular-boilerplate
https://github.com/useallfive/wordpress-angular-boilerplate
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/useallfive/wordpress-angular-boilerplate
- Owner: UseAllFive
- Created: 2017-12-13T16:17:23.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-15T17:33:49.000Z (over 8 years ago)
- Last Synced: 2025-03-27T20:43:11.574Z (about 1 year ago)
- Language: TypeScript
- Size: 5.32 MB
- Stars: 0
- Watchers: 14
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wordpress-Angular Boilerplate
Develop Angular websites, powered by Wordpress CMS. Brought to you by the strategists, designers and developers of [Use All Five](http://useallfive.com).
## Installation
```sh
git clone clone git@github.com:UseAllFive/wordpress-angular-boilerplate.git
cd wordpress-angular-boilerplate
npm install
ng serve
```
Navigate 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](http://useallfive.com) Demo Wordpress
## Wordpress Configuation
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](https://www.advancedcustomfields.com/) is a paid plugin that allows us to create flexible and repeating content for our layout-driven designs
## Angular Configuration
We are using the [WP-API-Angular library](https://github.com/wordpress-clients/wp-api-angular) to import data from Wordpress (you can [see some of their examples here](https://plnkr.co/edit/hqE4bvbM6HXql5Insjx8?p=preview)
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.
## Questions & Help
If you have questions, feel free to open a github ticket or email us at hello@useallfive.com
## Advanced Custom Fields Plugin
https://www.advancedcustomfields.com/
Buy pro