Create The Post Page - VueJS WordPress Theme

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 create the post page.

Free Files For April 2017

Each month the Envato marketplace brings you free premium files, here's the free files for April 2017. Envato is a web marketplace where you can get premium files for different areas of your website....

CSS Clock Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please wait. CSS Loaders In this tutorial we're go...

Creating The Homepage - VueJS WordPress Theme

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 we'll just focus on building t...

Building The App.vue Component

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 will have the router-link tag in i...

Making API Requests With Axios

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 the different methods of GET, POST,...

Setup The WordPress Routes

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 where you will setup the permalinks for your Wo...

CSS Circle Triangle

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please wait. CSS Loaders In this tutorial we're go...

Setup Styling For The Theme

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 flexbox to make things very easy to customise....

VueJS Project Structure

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 now use this project to create o...

Building A WordPress Theme Using VueJS

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 steps of creating a WordPress theme...

Creating A REST API With Lumen

In this article, we will investigate how you can easily create a simple REST API using Lumen. To illustrate this API, we'll create a Books table, and then perform CRUD operations on it using the Lumen...

CSS Circle Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please wait. CSS Loaders In this tutorial we're go...

VueJS Slots

VueJS Slots is a way of injecting content into your rendered Vue components. This allows the component to become more flexible and reusable. In this tutorial, we're going to investigate how Vue slots...

Remove Image Backgrounds with PhotoScissors

Introducing PhotoScissors v3. This incredibly popular Windows and Mac app is now even better than ever! Ever want to put your friend's head on an elephant's body? Not for real, mind you. But just wit...