Giter VIP home page Giter VIP logo

ng-wordpress-theme's Introduction

ng-wordpress-theme

Angular starter theme for wordpress

Advantages:

  • SEO friendly
  • Angular for frontend, WordPress for backend

This is an old demo but things have been changed now

This repo is still an expierment for integrating angular app in a wordpress theme. contributions are extremely welcome :)

Requirement:

  • local WordPress server. (You can get one from here)

Quick start

  • Download this repo into WP theme folder
  • Navigate into the new theme and npm install
  • ng build to get the dist directory
  • Open your browser and go to wordpress server, e.g.: http://localhost/wordpress

Capture.png

##Ideas for the theme

  • ngrx/store for app state
   {
     menu: [],
     categories: [],
     routes:[
     ],
     config: {
       thumbnail_size,
       featured_size,
       posts_per_page,
       theme_class
     }
   }

This state is initialized from function.php using wp_localize_script function, so it can be accessed later in angular using a service

##TODOs:

  • Dynamic angular routes:

    This can be a great feature to allow users to specify angular routes from there theme config at WP setting page

  • Use Angular WordPress Module to make things requests easy.

ng-wordpress-theme's People

Contributors

murhafsousli avatar

Watchers

 avatar  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.