I have just released version 4.0 which includes the functionality added in thanks to the JSON API Wordpress Plugin. As I make more of the functionality use this RESTful API, I still have the AJAX fallbacks in the functions.php file.
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
AngularJS Twitter Bootstrap - for easy customization and responsive design LESS CSS - Personal preference over SASS JSON API - Required plugin for RESTful API
- Download / Pull All Files
- FTP to your themes directory
- Download/Instal the JSON API Wordpress Plugin by Ryan McCue
- Activate Theme under Appearances
- Create 'Header Nav' Menu for easy creation of angular menu
- Add Widgets to Desired Sidebar
- Come back and fork me
FRONT PAGE - front-page.php is identical to index.php, to allow for your theme to be adjusted accordingly.
ACTIVE NAV - AngularUI module adds "active" class to current route in navigation
Navigation - Defaulted to "Header Nav", needs to be created in the Wordpress Dashboard (and used prior to creating pages for your navigation structure. This will automatically create a routing navigation on the front-end.
Content Block - used to insert content from page or post,
example: <ng-include src=" dir+'block.php?id=2&title=true' "></ng-include>
There are 2 variables passed to file, the id of the post/page content you wish to display.
As well as whether you want a <h2> title block to come with it, which will automatically get the title of the ID passed.
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 redudancy to help.
Continuation of development will include priority level items such as:
- Comment Templating
- the_content filter to automatically change internal URL's to angular routing
- Secondary Template usage for search engine bots, and non-js clients
- Automatic redirection from bot defined URL of page/post to angular routed URL