Now I'm going to show you how you can create custom layouts for your Nuxt static website, we are usually going to need that when one or more of our pages needs a different type of look then the rest of our pages. 

Also you will learn how to make custom error pages, and at the end I'm going to talk a bit about SEO and how to add custom meta tags to the head of your pages, and also how to add Open Graph tags so that users can safely share your site on Facebook.

In this episode we are going to go in depth with Nuxt views and also talk a bit about SEO and meta tags.

Views And SEO

To display just a single movie when we click on a title of that movie we have to first setup our Drupal 8 View. We have to set it up so that it will take a node ID from the URL and then show us the movie with that node ID.

After that has been setup we are going to use that URL to get the data to our Vue.js application.

And there are some steps that we would have to do in between - hide our movie list, and display the actual movie that we clicked on.

As you will see this is sooo easy with Vue.js.

In this tutorial we are going setup our Drupal 8 API so that it will send only one movie to our Vue.js app. And then we are going to display that movie.

Displaying Single Data Item

You will need to do this if you want to have specific HTML output of your Views fields for what ever reason.

We are going to change the output of our movies section. This is not really necessary on our site but there are some real life examples where that would be needed.

Also this is going to be last episode of Drupal 8 Theming for some time. Please leave your suggestions in the comments below for specific problems you might want to see in these videos. And I will do a video about it if I think it could help people.

Thank you for watching this series, the new one starts real soon.

In this last video of the Drupal 8 Theming series I'm going to show you how you can rewrite the output of fields that you use in your Views.

Rewriting Views Fields

As per request from one of the viewers of YouTube channel, in this video we are going to go into regions a little bit more in depth. Learn how to make them, how to add blocks to them and take a look at their HTML output.

But we are also going to learn how you can make custom blocks from your Views and how you can better manipulate them.

In this episode of Drupal 8 Theming we are going to go more in depth with regions, and we are also going to learn how to make custom blocks from Views.

Regions and Blocks from Views

In this episode we are going to run into some trouble with Drupal Views, and Foundation framework won't work as expected. But we are going to work around those problems and learn what taxonomies are in Drupal 8, how you can create one and how you can display them using Views.

We are also going to make a drop down menu for those taxonomies, without the help of Foundation framework because there seems to be a problem with that also. But that's no biggie we know how to make drop downs without some fancy framework :).

In this Drupal 8 Theming tutorial we are going to fight our way through some bugs and learn about Drupals taxonomy system, and also how to create drop down menus.

Taxonomy and Drop Down Menu

To use any kind of CSS framework, something like Bootstrap or in our case [Foundation](http://foundation.zurb.com/) we have to be able to control output of our HTML, and specifically CSS classes that are applied on that HTML output. Because almost all of those frameworks depend on those CSS classes to work as expected.

In this video I'm going to show you how you can add CSS classes to your output in your templates by using `addClass()` function on your attributes. I'm also going to show you how you can add custom CSS classes to your Views output.

In this episode of Drupal 8 Theming we are going to do some actual theming using Zurb Foundation framework.

Working With CSS Frameworks

**Content Types** are just that, types of content that you can use to better manage data on your site. Something like [Custom Post Types for WordPress](http://watch-learn.com/video-tutorials/using-wordpress-custom-post-types-custom-fields/), but they come out of the box with Drupal.

Content types usually consist of **Fields**. You can create very complicated types of data by using these two features. In this tutorial I'm going to show you how to create content type for inputing movies, with data like director, actors and movie poster.

Also we are going to use Devel module once again to generate content for this new content type.

In this Drupal 8 Theming tutorial we are going to be talking about Content Types and Fields, one more powerful Drupal feature.

Creating and Displaying Content Types and Fields

Views is one of the most powerful features of Drupal. It allows us to create custom queries on our content and display it on our pages or blocks.

In this episode we are first going to create dummy content using [Devel module](https://www.drupal.org/project/devel) and then we are going to display it on our front page using Views.

And I can tell you right away, we are not going to like how that looks so we are going turn to Views once again and with a bit of help from css display our content just the way we like it :) .

In this Drupal 8 Theming tutorial we are going to create dummy content using Devel module and display it on our front page using Views.

Tutorials tagged with: Views

Get in touch