This is one more episode that has been requested many times. So the goal is to make a page on our backend from which we can control some aspects of our site and our theme. Luckily October CMS already has this functionality out baked in, all you have to do is configure that page and implement the data into your site or your theme.

In this video I'm going to show you how to create theme settings or even site options for your October CMS site.

October CMS - Theme Settings

So controllers are basically buckets in which you can put the business logic for your theme in, and then have access to those functions inside your templates. We want to do this so that our templates stay clean and not polluted with PHP code. If you are using Sage for your WordPress theme developemt I would suggest using controllers whenever possible. It will make your templates so much cleaner.

### Controllers Documentation

[Controllers Documentation](https://github.com/soberwp/controller)

In this episode of Sage is Awesome we are going to take a look at how Controllers can be used to make our WordPress theme development cleaner.

Controllers

In this episode we are going to create a modal system for our WordPress site, and then I'm going to show you how you can use Blade components to make your code nicer to look at, and also make it much more flexible so that our modals can be very easy to use later on.

In this episode of Sage is Awesome we are going to take a look at another Blade feature called components and how it can help you with your WordPress development.

Components

Includes in pretty much any programming or template language a pretty straight forward, so there is not much to talk about here. But I just want to show you how you can use includes that come with Blade to create a pretty nice SVG system for your site, and how to make your partials be dynamic.

In this episode of Sage is Awesome we are going to take a look at Laravels Blade @include feature, and how it can make our WordPress development easier.

Includes and SVGs

October CMS has three main parts of it's templates. Configuration block where information about your page is contained. Twig block where your markup goes, an the one we didn't talk about - PHP block.

And PHP block is used for just that, writing PHP at the start of your template. Which is very useful if you want to prepare some data before your page renders and then display it.

Usually this means that you would be making queries of varying complexity. I would compare this to something like [Custom Queries](http://watch-learn.com/series/wordpress-custom-query) in WordPress.

As you will see, this PHP block will help you a lot when making October CMS site.

In this episode I'm going to show you how to use PHP block in your October CMS theme to create simple and complex queries and display them on your pages.

PHP block

There are two ways in which you can create themes for October, you can do it manually or create a blank theme through the backend of October. In this episode we are going to use the backend way.

We will also create a default layout for our theme and I'm going to explain how you can compile and combine your css and javascript files.

In this episode of Making Websites With October CMS I'm quickly going to show you how you can create your own theme using this CMS.

Creating Themes

To add featured image to our WP REST API we are going to be using `register_rest_field` function that we used in [previous episode](http://watch-learn.com/video-tutorials/theming-with-wp-rest-api-part-14-adding-custom-fields). Because as you will see, you can get pretty much any data from WordPress to your REST API by using that function.

### Code used in this video

[Download it here](https://github.com/ivandoric/Theming-with-WP-REST-API/releases/tag/15)

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.

Add Image To Post Type

In this episode we are going to manipulate our WP REST API again but in bit different way than we did before, because as you will see none of our previous manipulations won't be applied to custom post types.

To do that we will be using `rest_api_init` and `register_rest_fields` functions, also you will learn why no to use Toolset plugin to create your fields, and if you are using it, how to make it work with Vue.js.

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

Adding Custom Fields

Now we are going install Toolset Types plugin because it gives us nice interface for creating custom post types for WordPress, but more importantly it comes with support for WP REST API, so you can easily create REST endpoint for your API.

Once that is set up we are going to do pretty much the same thing like in the previous episodes and use vue routing and Vue.js to display our custom post type data.

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

Tutorials tagged with: theming

Get in touch