Let’s build a WordPress theme with React: Part 3 (The Loop)

Let’s build a WordPress theme with React: Part 3 (The Loop)

Okay its been a while since I last posted. Let’s continue with Barebones React WP theme. The last time we left off, we introduced the concept of “The Loop“. But we really didn’t get into what its all about. Let’s describe what this piece is doing. In WordPress themes – there is the “The Loop“, […]

Let’s build a WordPress theme with React: Part 2 (Routes + Context)

Let’s build a WordPress theme with React: Part 2 (Routes + Context)

Now that we have our react app setup, let’s form how our application will be structured. We’re going to need 3 main folders: 1) templates, 2) partials and 3) context. These are all going to be inside react-src/src folder. The templates folder is where we’re going to store the main files template files – namely […]

Let’s build a WordPress theme with React: Part 1 (Setup)

Let’s build a WordPress theme with React: Part 1 (Setup)

It’s been a while since I worked with WordPress, especially building themes. This time around, I wanted to bring in a bit more modern development experience into the process. I wanted to build a Single Page Application (SPA), with WordPress’ Rest API – but as a WordPress theme. The problem is, this can be a […]

How to Build a Company Timeline using Bootstrap and WordPess REST API

How to Build a Company Timeline using Bootstrap and WordPess REST API

So our Company wanted to build a Timeline. One that shows our projects throughout the years, decades even. One that is sleek, modern and responsive. We’re already running WordPress, and have Bootstrap installed. So this shouldn’t be too bad. It turns out – it was a pretty fun project to build. Our in house designers […]

Convert WordPress default Gallery into a simple Carousel without a plugin

Convert WordPress default Gallery into a simple Carousel without a plugin

I had the fun task to turn the default WordPress gallery into a carousel. Our users didn’t really like the grid of images, that WordPress ships with. Instead, our designers came up with something like below: It’s basically a carousel, with the caption in a grey area in the side, along with control buttons in […]