KreativePro Masterclass
Hello, {first_name}
2.5
Craft Interface Tour
Learn to Build Websites with Craft Cms
Completed
Oops! Something went wrong while submitting the form.
Completed
Browse Lessons
38
lessons
4
hours
MINUTES
2
files
Level

Access our premium community including bonus tutorials, project files & weekly resources.

UNLIMITED ACCESS
Overview

Craft Interface Tour

On this lesson i'll take you on a tour of the top features of the Craft Cms dashboard.

Reviews

Manases
Being the best means investing in the best, no matter what level you are at, this course will take you through the entire process you need to be able to implement an idea and turn it into a fully functional business.
Manasés Padilla
Photographer & Entrepreneur
Noel
It has been the best investment I made in my design journey so far. I would consider myself a novice but I honestly feel like I've gained a genuine professional insight into the process of creating a high-level website.
Noel Hale
Founder of Slush Monkeys®
Mae
I'm an early adopter of the KreativePro Masterclass, and I love how well put together it is. Neftali takes you through each step of the process from paper sketches to marketing all with fun visuals & clear instructions!
Mae Green
Product Designer @ Dropbox

All right, guys. Let's go ahead and take a look at that little tour of the craft CMS interface. We're going to split this into kind of three little sections. So before we go into the interface, let's take a look at the folder structure or what we installed in the craft server. And then I'm going to take you on a tour of the craft utilities and craft settings.
Okay. So looking at the folder structure that Craft has, I opened up the craft folder that we installed on our server. So for example, these two composer, Jason files are going to be the ones who take care of the actual updates, and what version of Craft is currently installed in our system.
The config folder is going to contain database variables. The place where we will be working most is going to be templates and on the web. So the web is the web root folder. This is where we have access to the primary index or the home page. And also we're going to store our CSS and JavaScript.
The vendors is all the craft CMS plugins and the system that it required, pretty much the software lives there, right? So this is where everything lives. So let's go ahead and take a look at our stream VR dashboard or craft dashboard. You'll notice that as soon as you access your dashboard, you get greeted with widgets or panels that you can accommodate based on your needs.
In this case, there's some news and updates, some entries that we haven't created yet. And with the cog wheel here, you can organize them by moving them in different order. You can stretch one out. If you think updates is more important and you can even remove some of them and only show the ones that you really need, you can access your account settings from the top, right?
If you need to change your name, there's also some additional  system settings that we can do. Utilities, again, there's a lot of advanced stuff in here because it holds all the information of the current server, what PHP version you're currently on. It's very handy to see that any updates from crafts will appear here right now we're on 3.4 so it's a solo version. There's no updates. So it's all good to go.
The Clear caches, for  example, we will use this when we are storing templates in a cachet form. Deprecation warnings it's very useful, it gives us any error that we might find in our syntax based on previous iterations of craft, so if the craft 2.8 had a specific syntax, that's no longer used, then craft 3.4 will let us know, Hey, we don't use that tag anymore. Go ahead and change it. Right? So that's really cool.
Just so you have a better idea. We're not going to go and look at every single one of these because they depend on the project.
In the settings as you can see, we have system settings and we have content settings. One cool feature is the sites. So this is where the multi-site system comes to play. Right now we have only one website, it's an English and it's using this base URL. We can change, or we can add additional pages if we want to add different languages or make them by region or by section.
So this is a really cool tool. We won't be looking into it for our projects, but this is something I will be teaching down the road. All right. General settings just takes care of the system status. This is handy if you need to upload or make some major changes to the core. And we want to let users know by sending them a message.
Hey, we're on their maintenance what we can do is we toggle this to off and that way they will get greeted with a specific page and that page we can design it however we want so that they don't get the surprise of that. "Hey, there's a big error on this website. It's not loading." So it's actually a very good thing to have if we need to do it on production servers.
All right. For the content, let's take a look at the types of things we have here. So we have fields, we have sections and we have assets. Within the fields, we can have as many types of fields that we want or need. Think about this, like in webflow, when we created the actual CMS, we activated every section or collection required a series of fields.
This works the same way, the fields here, you would select the type of field that you need, that being a category that could be a date and time I dropped down an email. And there's a whole bunch of cool fields that, webflow does not have, right now we don't need to create any fields. I just want to give you a quick tour of what the interface has for us.
The sections, think about sections as containers of content, right? So for example, in our project, we're going to be looking at games and movies. And potentially actors or publishers, all these little buckets are content and we can create sections simply by adding the name. The handle is, think about it like an ID that we can refer to it on the code,  to that specific bucket of information.
We can then decide what type of content we want to use for this. A single section where it's kind of just the static. It's not going to change a lot. It's just a single page with some information versus a channel. So channels are dynamic content where we can publish multiple entries. Think about channels like collections in webflow, where  they are dynamic and they serve the purpose as a blog post or an entry, and we can create as many as we want under the same group called movies.
If you have about us, if you have something like a gallery or something like that, that type of section can be created with craft. And we'll look into that later. All right then, site settings is something a little bit we're going to look into in another lesson.
Just notice how as soon as I created the section movies, I can now access entries, which is a new section here on the left menu. Now that we're in entries, we have a button. All right, let's go ahead and click new entry. And so this movie be entry we can call it "Ghost busters". And just by adding the title, notice how we have some other settings here on the right. We're going to look into that in another lesson, but once we just create the settings, we just injected it a new entry into our database. Pretty good so far right?
So let's go ahead and take a look at the assets. So assets works this way. Think about them, similar to like we did with sections where you have sections as buckets, it same with volumes.
We can create volumes based on our local server with Fortrabbit, we can call this, thumbnails or yeah covers, or whatever images that we want to call it. The handle again, it's just the ID that we're going to use to refer to that volume. Then we can, we get to choose which type of volume do we want to use the local folder, right now we only have one option because we don't have installed any other plugin to do an additional cloud hosting. So globals are dynamic variables. So these variables live across the entire spectrum of craft. Variables can be simple as phone number that you want up here on the header of the homepage, a copyright at the very footer of the page, and to finalize, we can think about categories and tags very similar, they're like brothers, except that categories is specifically for the admins only and tags is for the users.
You could have sort of like a block post. And then in that blog post, the user could have the field type tags and he can add as many tags as he wants. So that whenever you search for that specific post, you can find it through the tags that that user created as opposed to categories, categories are our segments or how we can organize specific things on our sections. So for example, think about movies or games. We need to add a specific category to each of these, to help us navigate on the website. If a user wants to watch only horror movies or comedy movies, we need to categorize them and this is where it gets done.
Cool. So now that we've finished the overview of the system settings, let's go into the next lesson so I can show you which of these plugins we're going to be downloading and installing into our system.

Coming Soon

Designers ultimate weapon of choice
38
lessons
4
hours
MINUTES
2
files
Level
Digital Media Masterclass by Neftali Loria

Neftali Loria

Author & Instructor
@kreativepro
KreativePro Masterclass Bundle

Access our premium community including bonus tutorials, project files & weekly resources.

UNLIMITED ACCCESS
PRICE INCREASE:
00
Days
00
hrs
00
mins
00
secs
🚀