WordPress Theme

15 Lessons To Learn And Code

Add Pagination To VueJS WordPress Theme

May 8

In this tutorial we're going to add previous and next pagination buttons to the Homepage and the Category page. When using the WordPress REST API to get post you need...


Create 404 Page – VueJS WordPress Theme

May 6

In this tutorial we're going to create the 404 page for the WordPress theme. The 404 page is a page some companies have some fun with here is a page...


Create Date Archives Page – VueJS WordPress Theme

April 22

In this tutorial, we're going to build a date archives page for your WordPress theme so that you can display a list of your previous posts sorted by date. If...


Create Search Results Page – VueJS WordPress Theme

April 15

In this tutorial we're going to revisit the Creating the Homepage tutorial and create the search form we added to the homepage. In the Homepage tutorial we added a component...


Create Author Page – VueJS WordPress Theme

April 11

If you have a multi-author blog then you will have information about the author of the post on the page so that user's can find out more about the author...


Create Category Page – VueJS WordPress Theme

April 5

The next tutorial in the VueJS WordPress theme series we're going to create the category pages for the theme. So far in the theme, we've created the homepage, the blog...


Create Static Pages – VueJS WordPress Theme

April 4

In the last tutorial we setup routes and components for our blog posts, we did this with dynamic routes. In this tutorial, we're going to create the routes and VueJS...


Create The Post Page – VueJS WordPress Theme

April 3

In the previous tutorial, we created the Homepage for the VueJS theme, with the Homepage showing a list of posts with a link to the post page we can now...


Creating The Homepage – VueJS WordPress Theme

March 27

With the project setup, we can now focus on building the pages we need for the WordPress theme. First we're going to start off with the homepage, throughout this project...


Building The App.vue Component

March 26

The most important component that we need to create is the vue App.vue component, this is the main Vue component that the application will use. This is the file that...


Making API Requests With Axios

March 26

To make requests to the WordPress REST API we need to install another library to help us make these requests. We can use something like jQuery which has helpers for...


Setup The WordPress Routes

March 25

With the styling for the theme setup and ready to go we can set up the routing for the WordPress theme. In a normal WordPress build, this is the section...


Setup Styling For The Theme

March 23

For the styling of this project, we'll simply be going to use a CSS framework like Bulma to speed things up. Bulma is a CSS framework that uses SASS and...


VueJS Project Structure

March 23

In the previous tutorial, we created a new VueJS project using the vue-cli command, in this tutorial we're going to investigate what this has done and look into how we...


Building A WordPress Theme Using VueJS

March 22

In this series, we're going to use VueJS to create a WordPress theme using the WordPress REST API to display your WordPress content. I'll try to go through all the...