AngularJS Wordpress Theme - used for building single page client side applications using WordPress.
Switch branches/tags
Clone or download
Roy Sivan
Roy Sivan 6.2
changes needed for 4.7 update. New Angular UI router and angular base.
Latest commit ee114e4 Jan 23, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets 6.2 Jan 23, 2017
inc 6.2 Jan 23, 2017
src/assets/css 6.2 Jan 23, 2017
.gitignore v6.1 Apr 9, 2016
footer.php Commenting Added Apr 20, 2013
form.html New post and updating posts functional + README Aug 14, 2015
functions.php v2 api now working Jul 31, 2015
gulpfile.js v6.1 Apr 9, 2016
header.php fixes for comment injection & logo s-ref May 21, 2015
index.php init v6 May 21, 2015
list.html 6.2 Jan 23, 2017
package.json 6.2 Jan 23, 2017
page.html Changes for Bootstrap 3 and newest JSON Rest API Jun 11, 2014
readme.md README update Aug 14, 2015
screenshot.png Added in some stuff for WP approval Jun 9, 2014
sidebar.html Upgraded Bootstrap and TinyMCE Jun 9, 2014
single.html 6.2 Jan 23, 2017
style.css 6.2 Jan 23, 2017
users.html Bootstrap CSS / Layout Upgrade (to version 3) Jun 9, 2014

readme.md

WordPress Angular Theme

This is the royboy789's AngularJS WordPress theme. Now in version 6 of awesomeness.

NEW VERSION UPDATE - 6.0

Version 6 takes all the added features of 5, and revamps the whole build.
I have cleaned up a lot of the themes and php files, to keep this theme as minimal as possible.

WP-API 2

5/20/2015 - WP-API 2 code planned for next few commits
7/30/2015 - WP-API 2 plugin supported to get/view posts - delete / edit coming.
8/14/2015 - WP-API 2 now completely functional (delete, edit, and comments)

If you are looking for my theme that is v1 compatible see branch version 5, which I am no longer supporting.

npm & gulp

npm and gulp are now part of the build

  • npm install - installs all necessary packages and runs gulp init
  • gulp init - sets up all the vendor and theme scripts and styles

assets v. build directory

I am keeping all working files in the assets directory which build using gulp to the build directory for enqueue'ing by the theme.

What? Why?

I wanted to learn Angular, and I already have spent the last 10 years developing in WordPress. The best way to for me to learn was to make this.. but maybe someone else will find some awesome use for it.

The WordPress theme is built primarily using Front-Page.php to run as the main ng-view.

http://www.roysivan.com/angular-wordpress-theme

Technologies

AngularJS

Twitter Bootstrap - for easy customization and responsive design

LESS CSS - Personal preference over SASS

JSON API - Required plugin for RESTful API

Install Instructions

  • Download / Pull All Files
  • FTP to your themes directory
  • Download/Install the JSON API WordPress Plugin by Ryan McCue
  • Activate Theme under Appearances
  • Run npm install - this will also run gulp init
  • Come back and fork me

Documentation

EDIT/DELETE BUTTONS - in the list view you will find as the buttons to delete and edit the post. These are displayed on check of user login status, as a redundancy to help.

GLOBAL JS VARIABLES
set by localize_script in functions.php

  • ajaxInfo.api_url - JSON-REST-API url
  • ajaxInfo.template_directory - Current WordPress theme directory

To Do List

Continuation of development will include priority level items such as:

  • Edit Button
  • Delete Button