Only Allow Access To REST To Logged In Users

The WordPress REST API is a very exciting feature of WordPress, it was introduced into the core in version 4.7 and is getting a lot of attention from the developers to move this feature forward. If yo...

WordPress REST API

WordPress is the most popular CMS used on the internet and has been for some time. Because of popularity and being open source software there are 100s/1000s of people looking to improve the functional...

Building A Weather App With VueJS

In this tutorial we're going to build a component we can use to display the weather of a location in VueJS. This component will be created with a location search textbox, this will then search a free...

Cleaning Up After Your Plugin

In this tutorial we're going to look into how you can clean up after your WordPress plugin when it's deactivated or uninstalled. This is an area of plugin development that is often overlooked or forgo...

Free Files For January 2017

Happy New Year and more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for January 2017. Envato is a web marketplace where you can...

VueJS: Single File Components

When you're defining new components in VueJS you can use the method Vue.component like we've used in a previous tutorial about Vue. <script> Vue.component('todo-item', { props: ['to...

VueJS: Mixins

Mixins are a way of reusing functionality from within your Vue Components. A mixing will use the same properties as a component such as created, methods and when a component uses this mixin the functi...

VueJS: Transition Effects

VueJS provides an inbuilt way of providing transitions when making changes to the DOM, these can be applied when inserting items, updating items or deleting items from the DOM. Transition Classes The...

VueJS: Route Meta Data

You can add additional information to a specific route by giving it route meta data, this meta data can then be picked up by the router on the beforeEach() function so you can add additional code when...

VueJS: Vue Router Restricting Routes

In the previous examples of using the Vue Router we learnt how to build routes and how we can navigate around the application to view the previous examples please see them here. VueJS Router This info...

VueJS: Vue Router History

Looking at some of the examples we have of the Vue router you'll notice that the browser is automatically add a hash to the end of the URL. This is the default behaviour for Vue router and it does thi...

VueJS: Redirect Unmatched Routes To 404

Like any other website if the router can not find the URL you're navigating to then you need to display a 404 page to your user for them to know this page doesn't exist anymore. You can redirect any u...

VueJS: Vue Router Change Page

Sometimes while you're developing you find situations where you need to redirect to a different page or go back to the last page. For example you could have a form that allows you to delete a record a...

VueJS: Vue Router Child Paths

In a real world example you'll be creating an application that has a few nested URLs for example a user account will have URLs such as /account /account/security /account/notifications /account/bill...

VueJS: Vue Router Reacting To Route Changes

The the last example we learnt how to create dynamic routes in VueJs. This allows you to have the same component be reused on multiple page, for example if we create a Blog post component that needs t...