Skip to content
Minimal Angular Theme for WordPress
Branch: master
Clone or download
Latest commit 1d5122f Apr 22, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
e2e
src
.angular-cli.json
.editorconfig
.gitignore
README.md
functions.php
index.php
karma.conf.js updated to angular 4 Mar 25, 2017
package.json
protractor.conf.js updated to angular 4 Mar 25, 2017
screenshot.png
style.css theme screenshot added Jul 25, 2017
tsconfig.json updated to angular 4 Mar 25, 2017
tslint.json

README.md

NG-WP

A minimal WordPress theme that runs off of an Angular 4 app. Built for the tutorial http://doppiaeast.com/post/angular-2-wordpress-theme-setup/.

Usage

First, run npm install.

Inside the environments folder, you will find two files -- one for production and one for development. Open each up and set wpBase to whatever you dev and live sites are.

For development, simply run ng serve, in the terminal inside the project folder, and the CLI will do the rest. The content of the site is managed from the WordPress admin panel.

To push the project to the server, run ng build --prod --deploy-url="/wp-content/themes/{THEME_DIRECTORY_NAME}/dist/" from your command line. This will output a dist folder. Upload index.php, styles.css, functions.php, and the dist folder to your theme directory on your server. You should be good to go!

This project will play nice with the Angular CLI.

Contributions

Pull requests always welcome

You can’t perform that action at this time.