viankakrisna/angularjs-demo-theme

A demo theme built for the post on http://1fix.io

Using AngularJS And WP REST API In Your WordPress Theme

This is the final project files from my tutorial post: Using AngularJS And WP REST API In Your WordPress Theme. Even if you have no experience in AngularJS, as long as you’re comfortable with coding (and WordPress), now you can open your favorite code editor and work with me.

Demo

Coming Soon!

Installation

Just install it like any WordPress theme.

My Tutorials On Building Themes With AngularJS and WP REST API

1. Using AngularJS and JSON API in Your WordPress Theme: An introduction to use the WP REST API and AngularJS in a WordPress theme. I wrote it based on a tutorial video from WordPress.tv – Eric Wolfe: Building a WordPress Theme Using AngularJS, but added my own flavors. This post is now listed on Resources section at WP-API.org, which might lead some of you to this repository.

2. AngularJS WordPress Theme: Display Post Content with ngBindHtml: You might be wondering why AngularJS displayed post content with HTML tags but not rendered them. In this tutorial you'll find the answer and learn two approaches to solve it.

3. Use AngularJS Custom Directives In A WordPress Theme: Custom directives are very powerful in AngularJS. I'll show you how to create a search form directive <search-form> in this theme, and make it work like the WordPress built-in template tag get_search_form().

4. Minification Errors in My AngularJS WordPress Theme: After minifying AngularJS scripts, our theme suddenly stopped working. How did that happen? We'll dig into another important concept called Dependency Injection (DI) in AngularJS.

5. Using Slug To Get Single Post In AngularJS WordPress Theme: Everyone knows pretty links bring pretty SEO performance, so we shall add post slug to our permalink structure, right? I'll get you all set in this short post.

6. Making WordPress Admin Bar Work With AngularJS Theme: Oops, the WordPress admin bar dosen't work with our AngularJS theme. Let's see what we can do to fix it.

7. Setting Page Title Dynamically In AngularJS WordPress Theme: Changing the page title dynamically is an important feature in our AngularJS WordPress Theme. We need to incorporate this feature into our theme.

8. Filtering image_send_to_editor To Add Target Attribute To Link: If you insert an image link in the post content, it will work funny (not as expected) in our AngularJS theme. With a very short snippet, boom! The problem goes away.

9. Category Pages In AngularJS WordPress Theme: Show me some category pages in this AngularJS WordPress theme, you said? Sure. I covered pretty much everything you need to know about this topic.

10. Adding Slick Carousel To Your AngularJS WordPress Theme: Adding a slick carousel to your post to display all attached media can't be easier with Angular Slick.

11. Pagination In AngularJS WordPress Theme: My second tutorials on creating custom directives in AngularJS WordPress Theme. This time we'll create a postsNavLink directive which works like the built-in WordPress template tag posts_nav_link(). They even take the same parameters!

12. When Page Not Found In Your AngularJS WordPress Theme: A good developer should always keep an eye on error responses from the application. Let’s start with the popular “page not found” error and see how to deal with it.

13. Improving Your AngularJS WordPress Theme With A Service: The first tutorial we talk about AngularJS servcies. We'll introduce how to share data between controllers by creating a new service called WPService.

14. Tidy Up Your AngularJS WordPress Theme With A Service: It's the second post we talk about Angular services. We'll see how to use the WPService to organize and share code across the theme, which helps us tidy up our code.

15. Adding Fields To The JSON Response Of The WP REST API: This post is only 10% related to AngularJS, but you’ll learn how to better work with AngularJS just by manipulating the fields in the JSON response of the WP REST API.

16. Getting Posts By Taxonomy Or Meta Field With WP-API v2.0: The WP-API v2.0 works in a more WP_Query way, but there’re still a few concepts need to be clarified. Wanna know how many query parameters are available? Let’s dig into the source of WP-API and WordPress.

More content to go. Stay tuned.

Contact

Shoot me an email: yoren [at] 1fix.io

License, Copyright etc.

Copyright 2014-15 Yoren Chang Licensed under the terms of the GNU General Public License version 2 or later. Please share with your neighbor. (Words courtesy of Josh Pollock.)