Giter Site home page Giter Site logo

austinvernsonger / angular-wordpress-theme Goto Github PK

View Code? Open in Web Editor NEW

This project forked from royboy789/angular-wordpress-theme

0.0 1.0 0.0 788 KB

AngularJS Wordpress Theme - used for building single page client side applications using WordPress.

Home Page: http://roysivan.com/angular-wordpress-theme

CSS 39.45% PHP 26.48% HTML 22.30% JavaScript 11.77%

angular-wordpress-theme's Introduction

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

angular-wordpress-theme's People

Contributors

elvismdev avatar michaelapproved avatar royboy789 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.