Converting WordPress to Angular

I am in the middle of creating a new website. THIS blog website actually!

Having a think about the look and feel of my current blog with the basic theme just does not feel like the website I actually wanted.

So I started creating my own theme in WordPress and every time I tried, it got boring when converting components in PHP and then pulling out the WordPress functions…

One thing about me is if I am doing a website for myself, I would prefer to just do everything in the front end and if I need to do a small amount of backend, I don’t mind it. I just like seeing things move!

I began researching upon whether there are ways to convert WordPress to Angular…

And the answer is YES!

I found one way which is very interesting! To achieve this, I used the following plugin:

WP REST API Controller plugin basically converts your posts into an API where you are able to display your content however you want! All it would need is a AJAX call and then you control how to display the content.

So with this, I started researching further with how to call certain posts and how to display the pages on the Angular page. Not long after, I found a few websites and developers using this same API.

I started with the following API:
…/wp-json/wp/v2/posts?page=1&categories=150&_embed

This pulls out something like the following:

This is what made me realise that this is possible to do my whole blog in Angular! So now I am just fully invested in doing this new website!

So as of so far, I have spent a few weeks working with this API and will be posting updates as I go. Its going pretty slow but this makes me focus more of my front end development instead of playing around with server side code.

We will see how this goes……

Leave a Reply