Theming With WP REST API

In this series we are going to be creating a theme without the use of default WordPress functionality and PHP. Instead we are going to be using WordPress's API to get the data and then we are going to be displaying that data with Vue.js.

Link to video
Setup cover

Theming With WP REST APISetup

In this series we are going to be creating a theme for WordPress using WP REST API and Vue.js as a frontend framework instead of PHP. Check out the video to see the finished product.

Episode  1  / Duration 16:46  / 
Link to video
Listing Posts cover

Theming With WP REST APIListing Posts

In this tutorial I'm going to show you how you can connect to WordPress REST API get the list of posts and then display them using Vue.js

Episode  2  / Duration 20:54  / 
Link to video
Add Images To API cover

Theming With WP REST APIAdd Images To API

In this episode we are going to learn how to add images to our WordPress REST API and then display those images with Vue.js.

Episode  3  / Duration 12:54  / 
Link to video
Display Categories cover

Theming With WP REST APIDisplay Categories

In this Theming With WP REST API tutorial we are going to display categories bellow titles of our posts using Vue.js and WordPress API.

Episode  4  / Duration 05:27  / 
Link to video
Filter Posts By Title cover

Theming With WP REST APIFilter Posts By Title

In this WordPress REST API and Vue.js video we are going to learn how to create real time filter that will filter our post by title.

Episode  5  / Duration 05:36  / 
Link to video
Filter By Category cover

Theming With WP REST APIFilter By Category

In this episode we are going to use WordPress REST API and Vue.js to create a list of categories and filter our posts by them.

Episode  6  / Duration 09:57  / 
Link to video
Making Filters Pretty cover

Theming With WP REST APIMaking Filters Pretty

In this tutorial we are going to take a few minutes to make our filters look decent using Vue.js, HTML and CSS.

Episode  7  / Duration 14:09  / 
Link to video
Getting Post Preview cover

Theming With WP REST APIGetting Post Preview

Now we are going to start creating previews of our posts using WordPress REST API and Vue.js.

Episode  8  / Duration 09:03  / 
Link to video
Previous / Next Post cover

Theming With WP REST APIPrevious / Next Post

In this episode we are going to use Vue.js and WP REST API to show previous and next post in our preview box.

Episode  9  / Duration 08:51  / 
Link to video
Making Previews Pretty cover

Theming With WP REST APIMaking Previews Pretty

Since we finished creating our post previews let's now make them pretty using WP REST API and Vue.js.

Episode  10  / Duration 06:58  / 
Link to video
Getting Full Post cover

Theming With WP REST APIGetting Full Post

In this episode of theming with WP REST API and Vue.js we are going to get and display the data of the full post.

Episode  11  / Duration 08:28  / 
Link to video
Wrapping Up Full Post cover

Theming With WP REST APIWrapping Up Full Post

In this episode of WP REST API theming with Vue.js we are going to wrap up what we started doing in previous episode and finish setting up our full post view.

Episode  12  / Duration 06:53  / 
Link to video
Custom Post Types cover

Theming With WP REST APICustom Post Types

In this episode of Theming with WP REST API and Vue.js I'm going to show you how to set up custom post types for your REST API

Episode  13  / Duration 07:06  / 
Link to video
Adding Custom Fields cover

Theming With WP REST APIAdding Custom Fields

In this episode of Theming with REST API we are going to add custom fileds to our custom post type WordPress REST API and display them with Vue.js

Episode  14  / Duration 09:17  / 
Link to video
Add Image To Post Type cover

Theming With WP REST APIAdd Image To Post Type

In this episode of theming with WordPress REST API and Vue.js we are going to add URL to featured image of our custom post type to our REST API.

Episode  15  / Duration 05:06  / 
Link to video
Simple Pagination cover

Theming With WP REST APISimple Pagination

In this episode of Theming with WordPress REST API I'm going to show you how you can make simple pagination with Vue.js for your WP REST API application.

Episode  16  / Duration 19:03  / 
Link to video
Loading Screens cover

Theming With WP REST APILoading Screens

In this episode of Theming With WP REST API we are going to be creating loading screen with Vue.js and WordPress REST API.

Episode  17  / Duration 05:10  / 
© Watch And Learn,2024