How To Build A Custom WordPress Client Dashboard | Paul Charlton | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

How To Build A Custom WordPress Client Dashboard

teacher avatar Paul Charlton, Designer & Trainer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

11 Lessons (1h 10m)
    • 1. Class Introduction

      0:36
    • 2. The Plugins Used

      4:50
    • 3. Setting up the login redirect & user restrictions

      6:57
    • 4. Building the Options Page

      2:57
    • 5. Importing the Custom WordPress Dashboard Template

      4:38
    • 6. Setting up all the required dashboard pages

      12:17
    • 7. Add new posts options

      8:29
    • 8. Edit posts options

      11:11
    • 9. User options page

      3:35
    • 10. Adding ACF Posts

      6:16
    • 11. Editing ACF Posts

      8:07
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

146

Students

--

Projects

About This Class

If you're building websites for clients using WordPress, it can be pretty daunting for the user to see exactly what they need to do to be able to manage their new website. Whether that is adding new content, managing their existing content, updating their profile or many other tasks.

Add to that the ability for new users to get into all kinds of problems inside the normal WordPress Dashboard.  That's where this new tutorial comes in to save the day!

In this tutorial, I'll be showing you how to build a completely custom WordPress frontend dashboard for your users with a couple of plugins, some cool ideas and peace of mind knowing your clients can't get into trouble!

► PLUGINS USED ◄

  • ACF Frontend Pro
  • Elementor Pro
  • Elementor Custom Skin
  • Advanced Post Queries
  • Advanced Custom Fields Pro.

Before you start you'll need to have a basic grasp of the following skills:

  • Installing WordPress and Plug-Ins
  • Elementor Pro
  • WordPress core functions
  • Editing WordPress files.

If you're comfortable with all of that, then lets jump in and get started!

Meet Your Teacher

Teacher Profile Image

Paul Charlton

Designer & Trainer

Teacher

Hi, I'm Paul, from South Wales, UK and I am a passionate Musician, photographer, professional web & graphic designer, mountain biker and gamer who enjoys all things technical! 

I've worked as a professional web designer for over 15 years and an IT trainer for 10 years prior, specializing in digital media and design. I've been lucky enough to provide work for some amazing industry magazines (.Net, Digital Photographer, Computer Arts, etc.) and had my photography featured in magazines and online.

I'm the owner of a successful web & graphic design company trading for over 14 years alongside developing over 600 training videos on a range of design, photo editing and audio production topics as well as authoring 2 eBooks on photography and Adobe Lig... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Class Introduction: so working with clients can be quite a stressful situation, especially if they go in and nobody know what they're doing and they end up breaking things . You have to sort it out. And sometimes you doing that for absolutely no money. So what? We have better solution for this? How about taking a look of creating a fully customized WordPress dashboard where you get the control exactly what they can and can't do on what they can access? Well, today's video I'm gonna show you how you can do just that with a couple of different tools . So if you're interested, join me. As I jump on the dashboard of WordPress, we take a look at what tools we need to achieve this customized user dashboard for WordPress. 2. The Plugins Used: So before we start building things, let's take a quick look at what we're actually going to build. So once you've gone to the process of logging in like you normally would if your editor you'll automatically be redirected to your own custom dashboard. So as you can see, we've got a welcome message. Little welcome. You based upon your user name. You got your profile image if you sat one, and then we've got a range of different options. So things like adding posts, editing posts. We've got some custom post types that's the ad vehicle and edit vehicle. Scroll down. You can see have also got site options and your profile. The manage users and comments is just part of the template, so you can effectively ignore. That is more a case of Once I demonstrate how you do these things and how you can use the tools, we're gonna take a look out. You can basically expand this in lots of different ways. Let me just show you what I'm talking about. If I want to edit my profile, I could simply click on the edit profile option that'll take me into my profile, at which point I can now go through and do things like change my password, my email address, my first name, my surname on a biographical information. But come back out of that will just leave this and I come into sight options. These are global site options that you can change things like logo site, name, site, tagline and so on. I covered this in his own dedicated video, which I will link in the description below. So you can check this out and see exactly what I'm talking about. How you can harness the power of this. I just briefly go over in this video on how we set things that we come back out on, go into something like the edit vehicle and click on May will open that up and you can see I'll how any vehicles that enlisted to me as the person that actually created the Post So anybody else's posts I won't see. I will only see my own specific posts, at which point when I find the one that I want, I can click on edit vehicle and I will open up a pop up, at which point I can then go through and edit the normal information is part of a post the title, the content, the featured image. But we scroll down, you can see I've also got all the extra information that's part of this custom post type. So things like the price, the manufacturer, the vehicle color and so on. So we've got a very, very versatile way of being ever create a custom user dashboard all set up to remove any access, then to the dashboard of WordPress itself. Plus, it also looks a lot better. So let me just take you through how we're gonna go through build this entire dashboard. So first things, let's take a look at the plug ins that we need to be able to achieve this. Now, before we move on to take a look at these in any real detail, I want to say that we're going to be edited the functions PHP fellas part off this particular tutorial. If you don't want to do that, there are plenty of plug ins out there that related to what we're gonna cover in that functions. PHP edit. So things like setting where people can access redirect and things along those lines. So if you want to take a look at those by all means. Take a look at those. If you want some suggestions, let me know in the comments section below, and I'll take a quick look and pull up some options that I think will do the same kind of thing. But let's take a look at those plug ins first. Okay, so we've got elemental, elemental, pro installed. We're gonna use elemental Pro because we want to use the functions we have inside the theme editor. So that's very useful. Elemental custom skin or early custom skin allows us to create templates for custom loop items on. We're gonna use this, then for the listings where we take a look at our posts on our custom post types. Inside this dashboard. Michael just showed you that's worth mentioning. While I won't be going into tons of detail with each of the different plug ins will be using, I have covered most of them in their own dedicated tutorials, so things like elemental custom skin, a CF front end form element. These have been covered in their own dedicated to tours, and I put links in the description below, so you can take a look at those if you want to learn more about these great tools, Okay, so we've got element of customs skill that you just said classic editor Just because I prefer that to the Gutenberg editor, But it's entirely to you, which you work with. We're not really using that in this tutorial, anyway. Advanced custom fields pro. We've got that set up in there because we want to take advantage of the things that the options pages. And finally we got a CF front end element pro. Now, this is the pro version of previously covered the free version, which has an absolute ton off options available on. You don't necessarily need to use the pro version. If you don't want to do things like tap into the options and things along those lines. The free version will give you probably most of what we need to cover in this tutorial. However, the pro version does give you that extra functionality that is definitely worth take a look at I will be covering this pro version in his own dedicated to toil later on down the line . So if you want to learn more about that, I will be covering the pro vision as well. For the final plug in I need to show you is advanced Post Queries. This is by the same developer as a CF front end form element. Pro on. What this allows us to do is filter and lock away content based upon the currently logged in user. This is a vital partners entire tutorial. So we're gonna use that in this as well. So they are all the tools were going to be using. The next thing to do is jump over and take a look at how we can edit this functions PHP file. 3. Setting up the login redirect & user restrictions: Now there are a number of ways in which you could edit the functions PHP file put the easiest way to do it. The safest way to do it is not through the dashboard off WordPress. However, if you want to, you can do that and I'll quickly show you how you can do that. But then I show you my preferred way of working. If you want to, you can come over to the appearance section and come down the theme editor. If it's your first time access in this, you will get a warning notification to say that you can potentially break your site. Then what you need to do is to take a look on the right hand side, click on theme functions, and that will open up the functions dot PHP file. At which point you could now edit this information if you wanted to. The easier and pretty safer route for doing this is taking a look at how to do it through the file manager this part of your hosting account. So I'm using site grown for this example. As you can see, a good all my sites on the left hand side have opened up the site. We're taking a look out. Opened up the public underscore html file folder and we're now looking at the root of this particular site. So these will show you all the folders are all the files inside this particular website. What I need to do is come down to WP content. Open that up inside they were looking for the Themes folder on inside there that'll show us all of the themes we can't we have installed now I'm using Hello. But I've also got the child FEMA in store, which means that if I make changes to this and there's an update to the hollow theme in the future, then I get updated knowing that I'm not gonna break any changes I've made to the functions PHP file all the CSS file or a multitude of other files. We may want to add in for various different reasons. So if you use in hello or using any other kind of theme, always install the child theme version of that alongside the main theme and then make any edits to the child theme. That way you save yourself from having problems later on down the line when you need to update your theme. So with that said, we need to open up the Hello theme, a child master and inside there you can see we got the functions PHP far. So now I can click on that if I want to, I can, right click. And I could edit this if I want to click on edit, and that will no show us all of the data inside that particular foul. Now this is a very stripped down version of the way that a child theme basically works is anything you place inside the functions PHP foul or the styles dot CSS file. That information will be added on top off the normal functions, not Ph plate p. File away the styles dot CSS files that you got this part of the parents seem. Don't worry if this doesn't make a lot of sense, it's more a case of making sure that what changed you make had done to the child version. That way, you just save yourself from problems. The first thing we want to put in is just make a little bit of space for this, and we're just gonna drop this simple little function in on what this does. Is it Technically, just says, Make options page inside the dashboard of WordPress, and then I can do things with it. There's nothing more than create a blank options page. So with that in place, if we save this now so you can click on Save Become Barkindo dashboard on, we'll just refresh this. Take a look at the part of you can see there's nothing there that says options, which we refresh this. We now have a new section called Options. If we click the open that that you can see, it basically says, There's nothing here you'll need to go and create your first custom field group on. Put some data inside there. So we created that. That's the first thing has come back into the file manager. We're gonna add one more piece of information underneath this, and this is the important one. This is the one that redirects our editors to specified location. So I'm gonna paste this in. We'll take a quick look at it now. Don't worry if this makes no sense, as long as you know what to edit, that's all you really need to do. And I put links to this cold for both of these different code blocks into the description below, so you can copy and paste, making sure you don't have any problems. Let's quickly take a look at what this is doing. It's basically saying to set a function for my log in redirect. And then it tells us we want the arguments of Earl, Request and user. In other words, what's the you are? We want to redirect to watch the request on what type of user do we want to push over to there? If we take a look underneath now you can see it, says administrator user author. So it's basically say it. If you would administrator or author, then be redirected. If you're not, then you just carry on. Go into the normal location so you can see it says home. U R l is dashboard. So if you're administrator or author, you're going to be redirected to the dashboard. So we need to do is quickly change this from being author, and we want to set this to be editor. So I want to do is click inside they and replace author with editor come up and hit save and that's no set everything up inside there for us. When we come back over, never toe a dashboard and refresh that nothing's really gonna happen because we've set something up that has to be triggered when a user logs in. Okay, so that's the first part done. We've no gone through and set up the functions PHP file. So let's quickly make sure this is all work in the way we'd expected to. Let's go to the pages section. We're gonna add a new page which we're gonna call Dashboard. We'll click on Publish, but a little bit off extra security. We're gonna change the visibility from public. Gonna edit that they were going to say, This is private. Don't click on OK and click on update on what is private? Do it basically restricts who can access this particular page Now is it bulletproof? Not really, No. I mean, if you want to get into security side of things, this is a pretty weak way of doing it. Because this dashboard is kind of tight into the use that logs in. Then it's not really too much of already, but if you want to go above put some more security. And there there's tons of plug ins that can restrict access to content based upon user levels. And so on were gonna keep making say this fairly straightforward, just like condemn if it. But what that will do is it means if you're administrator on editor or author, you'll be able to access this page. If your subscriber or non logged in user, you won't be able to access it the tour. So it gives a little bit of security in there for that aspect of things. So what we've done that we don't need to worry too much about putting in your We'll just drop in. This is my dashboard just so we can see that it's something on the that is quickly create another user that's going to be set up as an editor. So we can use that as a good example that a test in things that so we'll just create a user name. Andi will drop in an email. Doesn't matter. We're gonna use in there on. We're gonna drop it. Passwords will say show password on to his We have a copier. Bit of that on was set those to be an editor on will remove that from the Okay. We quickly add that user to create the new user role on We've done that now. So we've got an editor, so we can check this. We can try logging in, and we should then automatically get redirected through to the A new dashboard page. Okay, so we call to the WP dash Admin page. We're log in. We should find out. There we go. We're taking through to our dashboard. Now, it tells us is his private. So we can see at the top with a private section of our site, and we could see it in the dashboard on what we just set up and created. So we know that the redirect for any editor is going through to the relevant location. So now we can go through and start building at all the different things that we want inside this dashboard area. 4. Building the Options Page: the fish going to do is start working with the options page. Now the options are basically a way we could say, global values that we want to use inside different templates in different parts of our site . So you may want to put things like opening hours, contact details and things like that. You may also want a reference things like Thesis I title. You might want to do things like the logo when you can use a CF to do that and use that with the meta feels. But a CF front end form pro has recently been updated, and these have been added into the options section of this site section, so you don't need to put these in that you can reference and use the tools built into the plug in. It's up to you if you want to go down that route, or if you like to have complete control and do it through a CF, or just use a combination of the two, we're gonna do the last one a combination of the two. So what to do? It's come over into custom fields and say, Add new. From there, we're just gonna call this options, and then we're set up where we want a reference this. Now by default, you can see your says under location. Post type is equal to post, or we need to do is change this and just come down and find the option. Then we go at the bottom of the list. We've got options Page and you'll see it says options pages, Equal toe options options is just the name off the options page. There's a lot of options I know that we've created on because we only want one. This is perfectly fine and it's gonna work for it out of the box. You then got the things like the settings, which we don't really need to change anything inside, that we can effectively leave that exactly as it is. All we need to do is coming to start adding in the custom fields that we want. So let's have our first field in from there. We're just gonna call this opening hours. You see, that's fine text gonna change that. We want to put a text area inside there. Everything else could be left as is come down from the and we're at another field and we'll just say email address. We'll change that to email. And finally we have one more in. I would just call this telephone. Let me go. We'll set that to be a number. So we basically created three simple, repeatable kinds of piece of information that might be used in various different parts of our site Inside the templates. Like I say, I'm not going to show you how to build us 10 places that linking this data through. I've already covered that his own video, which is linked below. That's gonna be a much better thing to follow along, that we trying to shoehorn everything into this particular video. So once you've seen this video, check that one out as well hit publish Once we don't that come into the option section and you've seen Now we have three new fields. The opening I was email address and telephone. So we now have some basic information inside they. But you notice we don't have those fields. I talked about this part of a CIA front and form pro their control inside the plug in itself. So we'll take a look at those when we started building at the dashboard page. But they go, there's our options All set up. Ready? No, inside our options page 5. Importing the Custom WordPress Dashboard Template: the next thing want to do is start setting up the dashboard itself. We created the blank page, but we've got nothing really on it. So to make life easy, I've already created a template. And if you want access to this airport link in the description below so you can grab this yourself and use this as the basis of building yours out, or just see how I've set things up. Have to do. This is very, very easy. We're gonna come into the template section from there. We're gonna come into saves templates. Well, then come say import templates and we know just need to simply drag and drop in the Jason file. So I say a drag and drop that into the and import that once that's done, that will go through next. You've now got dashboard template instances. Nuns was not being used anywhere on the site of the moments where we need to do know to be able to start using this has come back into our pages section on good all pages. There's our dashboard page we created or your own. Let's just come in now and edit this. What's he done that we're gonna get rid of this tax at the tops. We got a blank document to work with and we're gonna say Edit with elemental. Once you've done that, we could just simply load in that template. So first of all, let's just click on this temperate option and insight There really cut to my templates. And you see this, our dashboard template in suit that you say yes to that. And then we took up a second. There's our dashboard template all set up. If you wanted to, you could get rid of the header and footer section of this. So you've got a completely unique area on for this example. We're gonna do just that, come in. And we're going to say we want to work with the elemental campus so I don't have any headers or photos to distract anything we're doing. Now, let me just show you some of the things that I've got set upon here. You can basically ignore all of these different NBC's icons is gonna change those. This is from a completely different type of site anyway, so we can change everything inside units or incredibly easy. It's all just made up of normal, elemental widgets at the top. You can see we've got the profile picture. And we've also got the name that I'm logged in under. How do we do that? Well, that's very easy, so let's just get rid of this. Just delete that from there. When I show you exactly how to do it. Come in and we're gonna just choose an image. We're gonna drive and drop that image into their with a click on the little dynamic tags. Option. Click it. Open that up and you can see that Snow gives us a ton of different options on where we can pull this particular image from. So we're gonna say user profile picture Gonna click on that. You'll see that pulls in my profile picture. They're set that to be centered. And then all I need to do is come into style. For example, I can come in here and I can do whatever styling that I want. So if I want to, I can simply put in things like a boarders. Was there solid border was set that border to be white. Once you've done that, we're gonna set the border to be Five pixels were set of border radius of 100 I gives us a nice circular picture. We can drive and put a little box shadow with me. So super, super easy. You wanna make that link to something? You could do that as well as works fundamentally the same way. Then, on this particular section, all I've done click on the Is I put in heading. We've used the user title, which again is just another one of those fields. So let's just get rid of that. Or we can do is we can click on the little dynamic tags option. We can come down and we could find exactly what we want, which is if we scroll right the way down. You could see you've got used info. We've also got Author so it's up to us. We can simply coming to say user info. Click on there and we can say Choose the info we want to use so we can pull in the display name, user name, first name, last name, whatever you want. But obviously, if you use things like the first name or last name, this could end up being empty because not everybody fills in and updates that data whereas they display name or they use the name they will do. So let's just say display name. I want you don't that would come into advancing. We can put in whatever we want to before on whatever you want to after. So I'm just put something like, hate your name. What would you like to do today? So you got a nice little use of message on there that's linked through to the actual user name. The name we want to use the display name. Everything just looks pretty cool. So super simple way of being able to reference dynamic data of the logged in user and make this a nicer place to be because you make it a little bit more personalized from the get go . Okay, So the final thing we do before we start creating all the pages is just tidy things that we're gonna change this from manage your recipes because obviously it makes no sense on. We'll just say content. Okay, so let's update that and we've got the basics of Oh, template now are all in place. So we're gonna do next is create all the blank pages which will hold all the data for the different things that we want to do, says Exit out off this section and what's he done that we can no come into the all pages and we start adding new pages in for us? 6. Setting up all the required dashboard pages: Okay, so let's start off. Just by creating those blank pages to add a new page in on this one is first of all gonna be called options. I will set this again to Private. Okay, that update. So we're going to get all of these different pages that are part of our dashboard. Everyone. Others going private. Next page we need is just a simply come in. And we're going to say we want ardent list posts again. Step that to private. Okay, publish. So I'm gonna quickly run through now all the different pages we need to add into this, and then we'll come back and take a look. Of what about it In there we go. We've got our five different sections set up. Now we will take a look at added in some advanced custom fields based custom post types a little later on, but that'll be towards the end of the video. Once we've covered the basics of doing the things that everybody that might want to set up a custom dashboard is going to need to do not everyone's going to be used in custom post types. So we've got edit posts, list posts options and profile. So let's start off with our options. Let's just come in and edit this. Once inside, you were gonna just quickly open up elemental edit with elemental. And from there we can know. Just pull in and start doing what you want. So first we need to do is come up to the settings and we're gonna come in to say hi the title. We don't want that inside there. Next, we're gonna come over and we're just gonna go and search for front end. There we go. There's our front end forms and dragon dropped out over into their So we can do now is we can go into style This anyway, we want we need to go through and set this up to configure it, to tell it exactly what we want to start editing on what we want to start working with. You know, what we currently have is just basically the placeholder information with just a set of basic parameters set up it not specific to what we're looking to do. So we need to change that at the moment is tell us we're gonna edit a post where we're not really gonna edit a post. First things first on the left hand say we've got multi step. So if you've got something that has a lot of different content update, you may want to put this into a logical step by step order. But from what we're doing here, we don't need to worry about that. Let's open up the action section and inside there you can see it currently says Edit Post will not work with Post will work with options. So we clicked. Open this up. You can see we have the option at the bottom that says Edit options. And this is where the pro version is required. The free version doesn't delay to edit options, but does allow you to do things like edit posts, new posts and users and so on so options we can click on. Then you see that no poles in the default site, name, site, title or tag type tagline on the site logo. So we pulled in those default entries. It's up to us now. If you want to tag on, if you want to take any of those off, we may not want people to control all these different things. It's up to us how we want to do deal with it. Then I submit actions. You can see we've got things like email. So, for example, if you had an editor that you wanted to give access to the ability to edit things like these sort of options to at the site, you may want to be notified via email that someone has made a change. This is where you can do that. So once this action is, it's sort of taken Was that submit? Button is clicked. E mails are going to be sent and you'll see that ultimately opens up an option towards the bottom called email. We don't want to worry about Not for this example. We don't want any submit action. Then you've got redirect after submit, so you can see we've got reload the current page or post a custom URL or a new post. You are l. It's up to you. Normally with something like this, you probably want to reload the same page because people gonna come back, maybe continue at it in whatever. So again, like I say, the options that the you can do whatever you want, we're gonna set this to reload the current page. You can also put in a custom message when this is actually submitted. We're gonna leave that as it is. Fields were gonna come down to there and we could take a look at now where we can do You can see we've got edit. Post is set for the form title, which is what you can see at the top there. We don't want that. We're gonna get rid of that. Were the problem custom titled in this, we're gonna get rid of that ticket out. It just removes it from the actual layered itself. So that's pretty cool. Feel groups you can see. We can set that all we can choose individual fields. If we want to specify a specific fields from any particular location in this example, the options custom fields have set up. However, we're going to set this toe a Wolfie Eels for the field group. And then we could say, What's the feel good? We want to use the click on any of the A C f metta feels that we've created will be listed you Options is the only one we currently have. We can choose that and you see that immediately pulls in now all the extra data for that particular field group. So we have not to go through the process of adding these in one of the time it let me just as a with them in. Then we've got the submit button tax. We're just going to say this to save options and you see that no updates the button at the bottom. They're gonna come down to the options and take a quick look in there. So this is where we've got the 1st 3 entries the site name, tag, light and site logo. You can see it just maps those to the default locations that apart off the court of wordpress. However you could if you wanted to set them to be not used a tall by, set them to none. Or you could set a custom. So if you'd set of your own custom fields for things like the logo and soul, because maybe you want to add extra options inside there. You could do that, said to custom and then reference that custom a CF field, all the extra information or the extra statins you've applied to that a CF field will be used instead of the normal WordPress core functionality. That makes sense. We've got the same option, then, for each of these for the site title tag light on logo field so you can mix and match as you need to. You've then got permissions, and this is the important step you can see it says Who can see this. So even if we've set someone or someone's access this particular part of our site, the dashboard that shouldn't be in there, we can still lock it down further to when the click on something and come over to this particular part toe, edit things like the website options or have new postings on. We just limit who can actually use it. So you say, Who can see this only logged in users only logged out or all users. Obviously, we want this to be only logged in users. We've had another level on top of that now because we know we're only 11 people, though either administrator on editor, we could select by roll on top. So let's do just that. The click inside select By roll on, we're just gonna click on editor. So now we've got this that only people that are logged in there either administrate that on editor were able to see this. You can also get really fine and say exactly what users are low. To view this as well conceived by default is just pulling me and is the main administrator for the site. However, I'm gonna get rid of that because I want all users that match the other criteria concede this information. We also have dynamic selection. We clicked. Expand that out. We click and you see it says Post author now, because we're dealing with global site options. So nobody actually authors this. Everybody that has access this section could see this and use it because the options are a global option. We wouldn't want to put the author inside there, but when we take a look at creating the other pages, this is another one. Those things that's very useful because it means that only the author's posts will actually be available to edit so anybody else's posts won't be. And give it that for this example. Let's say this is an option section. We then have the WP upload A. Do you want to use the normal WordPress upload a for the file fields or just a basic input . It's up to you how you want to deal with that now, because we're only dealing with the logo. It's a global thing. I would probably say used the upload because then anybody can access that. Logan. You've also then got options for the media privacy. So I'd recommend taking a quick look at that to see exactly what options are available and see if there's things that you want to set up inside there as well limiting submit. So this allows us to put restrictions on who consider it or how many times something could be submitted. We don't need to worry about that because this is not something we want to restrict in this particular example. And finally, we have display options so you can see we've got showing motile, which will take a look at in one of the other stages Schofield labels, which is where you can see opening hours, site logo and so on. So if you wanted to hide those, you could hide those completely put your own and if you wanted to or what you could enable those and specify whether above or whether they're in line. So you can see you've got styling options available there and also to show the required marks. So if you've got some things that required field, it makes sense to put something on the normal with the little red ass tricks. Just a did note that that is a required field. And then if you used instructions, where do you want those instructions to be placed, whether above the field or below the field, So up to you. So that's the basics. That's the function side of things all set up and configured. What you can do is you can come into this styles option. Now this is again something that you need the pro version of this plug in, because when you want to style these forms are you want to do it directly inside the plug in all those options and therefore the labels, instructions, fields and so on, so you can style configure how this all looks to make it perfect in keeping with your particular site. So that's how we go about setting up the options page. The opposite is no styling. I think I'm here, so I'm gonna go it quickly behind the scenes and I started. So everything is in keeping. There's no point in me showing you this because if you follow this tutorial, I'm pretty sure you're gonna know how to go into start starting things That's part of elemental. It's pretty simple, straightforward stuff. Okay, so there we go. There's with a little bit styling added. So we're gonna do now is quickly jump back over onto the site and take a look at this on the dashboard itself on how we start to link things through together. So first of all we need to do is go back into a dashboards. Let's exit out of this. Come back into our pages section on from there. Gonna come into a dashboard, would say, edit with elemental. We can know. Just link this up from old dashboard template through to the actual pages, scroll down toward option section the click on the button at the bottom. And from there we're gonna come up. We're going to say we want to link this. So we named this page options. So we need to do is click on. We're gonna put in options. We're gonna put slash at the end of it. So this basically says, doesn't matter what the domain is. We just want the options page. Now, if you're wondering why it isn't ultimately popping up, that probably because we're dealing with a private page. So it's not necessarily available to everybody. However, if you kind of wondering, Well, what exactly is the link you want to use? If my pages said the private and I can't see it through this, come back over to your pages and you can see if you come in and quick edit the slug. That's all you need to grab hold off. So without in place, we're gonna hit on update. We now have that link set upon them. Anyone else, you've got this link like the icon of the top or the options title. You could make sure you got the same link applied on there just to make sure that everything links through the way you want it to go away. But that right now I'll update that behind the scenes so hot back over into the dashboard. No, our custom dashboard. Let's scroll down to option section on its click to open that up and see There's our new options Page. We've got our site. Title of sight Tagline. No logo image uploaded the moment we could fill in our opening hours, email address and telephone number. Let's do just that. Let's have something in this. Let's just say no at email dot com and we'll see the telephone number. There we go. Added image would choose the load. We want the use and say Select everyone. Droplets of open hours. We can We're just gonna change this. And we're gonna call this one custom dashboard, provided everything is linked up on working. Okay, When we hit save options, we should get a notification to say your post has been updated. You see, all the data now that we've updated has been reflected inside this section. If you want to make sure this all works, if I just pull this down a little bit and we see the tags at the top, you see No, we have custom dashboard, which is the customer site name, and we just set up inside our options panel so you can see everything is working as it should be on. Anyway, we've got the local referenced. Anyway, we've got the email reference to the telephone number reference. They will all be updated accordingly. Throughout our template and everything else. We've set that to use them. So that's the options pages. And like I say, if you want to find out a lot more, but how you can use this, all this kind of functionality, how you can think this through to your templates and all those kinds of things. Check out the video that I've linked in the description below, because it'll go into a lot more detail on how this specific function works inside this particular plug in. But that's our options. Pages set up. Next. Let's take a look at how we can work with the actual content. In other words, I will posts. 7. Add new posts options: now we were working with the posts inside our custom dashboard. We've got two different sections. We've got the ability to lest our post, to which point we could then edit them or we could delete them on. We've also got a section where we can go in and add new posts. So the first thing we do is gonna constantly add new post. Then we'll take a look at the different stages we need to list and edit. The Post is a little more sort of like a little bit more detailed going in there. Okay, so let's come in and add posts. Are we just gonna come into edit? That was before we're gonna click on edit with Elemental once we're inside. There were gonna quickly just come down, get rid of this title section And now we're gonna come in and add a widgets in on again. We want front end. So the dragon drop that into the And once we're inside, they we know just to go through a configure exactly what that's going to do. So again, you can see by default. It sets up to become an edit post section, which obviously we don't want to do that? We want to add a new post. So underneath the actions were gonna change this from Edit Post, too. New Post submit actions. We're gonna drop in there. We're gonna say e mails. So what's gonna habit is whenever a new post is added to the site by an editor, then ultimately generated email and we will get a copy of that, then coming through. Redirect that to submit. Well, well, reload the current page. That's perfectly fine so that we can carry on editing show. We need to, and then we can drop in a new submit message. So other went your posters we have dated. Doesn't make a lot of sense, Will drop in something that does make a little more sense. Just let them know that their post has been submitted and once it's approved will be available on the website. So what we're doing here is we're telling them that it's not gonna be automatically added. It's gonna be approved first. We could set that up in a moment. Next you want to do is come into the field section on inside you. We've got edit post, which we need to change that and we're just gonna get with that completely blew up our own custom title at the top of this later on field groups is perfectly fine. Then we can just ignore all the rest the information there. But we can change this where it says submit post for approval. We're gonna change from update. So you see No, that changes the button on. Currently, all we have is title set up in here. Now, if you're wondering why we're saying like the A c F fields underneath this field sexual, we just Enfield groups and then putting nothing in the field groups is because when we're not using a CF for this particular section so we can close that down and we can come down into our post section from here, we can come in and we can configure, allow the different things we want people to do. First of all, we got new post type and you can see we can click on there and we can say a post we can if we want to as well create pages. However, I would probably recommend staying away from doing that and keeping your editors to just create in posts. But if you want to, that option is available to you. We leave that set his posts. Then we've got new post terms. We can click on there and you can see you know, there's a little bit graphical glitch. This doesn't always open up the way you expected to. We have current tomb and we also have select tomb. Now we're gonna worry about this A tour. We're gonna set that to be absolutely nothing's. We'll leave that blank from they delete that you've got the options there for saying show saved a draft selection. So we will allowing them to save a draft. We could say that on name. That's a save draft save as draft option. So it's up to us if we want to allow drafts to be used as part off this set up. If you do want a lot of the create drafts, that you would just enable this option, it's up to you. I know. Leave those turned off for now, then the post status. What this basically means is when they submit this, what's going to happen? We can set it to be a draft we considered to be private set depending review, or we can publish it directly now for me. I would recommend we're gonna put this into pending review. So that basically means that the administrator of the site will get an email saying there's been a new post submitted. They will come through. They'll see is pending. They can review it. Make sure they're happy with all the content. Was the happy than they can make it published? Obviously, it's up to you that we've got the post fields and he's just map through to the normal default WordPress core functions Fields. In other words, the post title, the post content featured image and so on. So post title field is fine, but change all of the used to be the default values. We're gonna change every single one of them to be default. Now, if you don't want to use the post exit, which I'm not going to leave that set to none the post category weaken. Set that to default on post tags. If you want to use tags inside that, you can set that to default as well. So if we take a look on the right hand side now, you can see you've got title content, featured image categories and tags. These are normal things you'd expect to see as part off a typical post inside WordPress. But again, you do have the option. If you want to map these through to custom a CF fields, you could do just that. They say. I'm just gonna keep this so it just links to the normal things you'd expect. Open up the email option and you can see now we can do is we can say email, short codes and we can say emails. So currently it's not set up to send an email to anybody. If we click on, add an item, you can see we can now come here to configure this. Whatever we want, we can give us a name. We can set any two cc and BCC values inside there so you can see this will come through to what is the default administrator's email address for the Web site itself. But you can't set this up to anything else you want, including, Like I say, CC's on BC sees for copies and carbon copies. You can set the from the reply to the subject on the message, and you can see is going to use short code inside there. I have got a normal meta data you just expect to see as part of the normal email contact form anything inside elemental pro itself. So I take off the credit, the remote i p and the user agent and just leave things like the date and time. What you've done that you can set up additional ones if you want us. You could easily set this at the seven different types of e mails to different people. Very, very easy inside you. I'm not gonna worry too much about that. Obviously, you configure that to be exactly what you would want. Then we've got commission permissions option again. So we're gonna do exactly the same inside years we did on the previous one. We're gonna set this to be administrator and editor for only logged in users on. We're gonna get rid of select by user on dynamic selection. Well, because we put a new one in. We don't want to select this and filter it by the actual author. We can leave that as is. And then if you want to, you can step the WP upload er the limit Submit on the display options. So it's up to you. How you want to set these up is entirely up to you. And then you go through in style, it and everything. So I'll do just that quickly. Style this off camera on. Then we'll take a look at this in action. Okay, so there's almost styling, and everything is all no in place. So the final thing we need to do is just quickly hop back over and link this through, you know, a dashboard. So we consider come up, exit out of a dashboard, actual back to war pages, and we can take a look. So this is called add Post. So we quick edit this. We can see there's this like that we want copied out from there, come back into our pages into a dashboard. We're gonna edit this with elemental, but from there was simply gonna come in. Now, choose this ad recipe and change the details on there to make sense soon. Say, add post, Same for the button at the bottom. So we'll just change that toe add post, and then we just need to link all these up together. So gonna change that. Gonna drop in four slash add posts. Four slash is we've got to link as we need it to copy that again from there. Changed their snow for the title unchanged. This for the button to make sure everything is exactly as we need it to be. I'll see you can come in and change the icon on there so we can just come in to find a Nike or that we think is gonna be relevant. Did you choose this pan options? So it looks like we're right in something of a click insert that makes a bit more sense. Now we'll hit Update on there. Providing everything is the way we expected to lose. Come back over into a dashboard and refresh this. So you got the latest version and you see there's our ad post has click to go over to that and you see this hour, submit our new post. Everything is all set up and start the way you want. The nice thing is, we've also got our academy's listed in there. If we use in times, we can add tags in. We've got the nice of busy rig editor. We'd expect to see inside WordPress itself on everything looks nice, untidy and in keeping with everything with setting up inside this particular dashboard, that's how easy it is to create a new submit New post section, working with editing on working with your old posts, that's a little bit more sort of full featured, shall we say? So let's take a look at doing that next. 8. Edit posts options: to create the option to allow us to see all the post that we've added in on the ability then to go through a select the while we can edit it and do different things to it. We need to create a custom loop this because we really want to get in the control. Exactly what's gonna be displayed as part of our listings. So let me just show you what to do back in the dashboard and we're gonna do is we're to come over to the template section. We're gonna come down the theme builder from there, we've got a new option this part of elemental customs skin called loop conflicto Open that up. You see, we can now add in a new loop the click add new loop on. We're just gonna call this list posts clear, Temperate. What's he done that we come into the normal library? We can close that that we don't want to use that on. We're now into elemental itself. Let's make this a little easier. Let's just set everything up to the page. Layer is used in the element of canvas, so you got no headers and footers to get in our way. What we're gonna do is we're gonna create an individual item, a loop item, little display, the featured image, the title, a brief information about the actual post itself. And if we were dealing with custom post types, we could also put in some custom a CF data for this example. We don't need to worry with that, but I will show you that later on we take a look at creating our own custom post type section for this dashboard. Okay, So what we need to do first things first. Let's just get the basics all set up for ourselves. Good. Come over. We're gonna drag in an intersection. This just allows us to create a nice layout. So we're gonna have our featured image on the left hand side and we'll have all the data we want, including the edit button on the right hand side. So let's just make this a little smaller. About 20% would be fine with the way too much about that. And then we can just drop in the different things that we want. So we're gonna come over and we're going to say that we want to use the featured image The Dragon Drop that inside there. It's not a polar featured image in, and you see that pulls the 1st 1 in for me. Next up, we can come through now it's not. Add in the extra data Been so we need to do is just come in and do things like at the Post title dropped that in the That that pulled our data in will come over back over, and this time we're going to say we want to have a little bit of text. It's gonna drop the normal tax, the option inside the and the reason being one of the actual things we have this part off elemental customer skin is the ability to just pull in a summary taken from the normal body text. This just means it's just a lot easier to work with on how just have informed the click on the little dynamic tags icon. From there, we've got Post Summary. This is a new entry, this part legacy of elemental customs skin. Click on that, and if you want to, then you can click on the little Ranch icon and control exactly what information the number of words they're going to be used, the advanced anything before, after and fall back. We leave. That settles default values. That's fine. But finally, we just need to put in the button that allows us to edit this particular post. So all we need to do is come over like we did before. Come into the option for front end, Dr. And drop that over onto this section. Now, even though you can see all of this data inside there and we were working with it will do just that. We will set this up to open up his own motile window, which means we get a much nicer, more streamlined way of you at our post, and then we can quickly edit those in the super simple fashion. So first things first, let's come through on just set up. Although values that we need to to get this working first of all underneath the actions were gonna say edit post in this example is perfectly fine. Submit actions. Well, we're gonna leave that, as is we're not gonna worry because someone edit in their post. We don't need to have an email to let us know that something's happened. We just leave that as it is, we know the current page again is perfectly fine. The fields were gonna come down in today because we're dealing with a post. We don't need to worry because we're only dealing with court WordPress files so we could ignore the field section, come into posts. And, like we did in the previous one, we were adding a new post we know go through a configured various different options on most of these are the default values that apart off the court post Foshan on the inside WordPress itself. So poster edit, coming post post status. We leave that set as published delete post option. Do we want to allow them to have the ability to delete a post? Yes, we do delete button. So we'll just change that to delete post. Then we got a message to confirm that just they can't accidentally click on it and then deletes something without the ability to confirm first what he done. That we're gonna come through now and map these fields so post content will set that a default featured image said to default. Except we're not using the categories. We are on the tags. We asked was set those 60. Now everything is being pulled in the way you'd expect it to. We've gotta delete post update and all those kinds of things. Next up, we've got the permissions, and this legacy is where we set everything up to make sure that everything is working the way you'd expect. So we're gonna change this logged in users is perfectly fine that we want to set this to include editors. Like we said before, we don't want to select by user. Next up, we're gonna jump over to the display options. So we've got the form all set up. I want to see. We could style this if we want to to as well, which I would I recommend that you do do but we're gonna do is say show in motile. Once we select that, you'll find that this will know disappear and just show us the button. So we want to change that to edit post. You see the button now updates accordingly so that we can go through the process offsetting any of these field values and so on and also going through when styling everything so as before are quickly style. This behind the scenes, and then we'll move on to the next stage that they're a little bit of basic styling. Were ready to publish this to click on Publish now because we've created a template, the first thing to do is say, What conditions do you want to set for this template? We don't want to set any. We're just going to use this to create the layout. We don't need to set any conditions. Who is a save and close? Once you've done that, we can exit out of this. And when. No ready to start building up the page that's actually going list that will posts. So let's come back into the pages section and come into all pages. Inform there. We're gonna open up our list posts option. Open that up and click Edit with elemental. Once you've done that, we can no come in. And she was exactly what we want to show. So let's just get rid of the page title on there. That's pretty cool like that. That's the good. So what we no need to do is drop in the list that we want to work with so gonna come back over into a widgets will choose. The post option is part of elemental Pro Dragon. Dropped that in on by default. That's gonna pull in both the template. That's the normal classic template. Andi, we're gonna just pull in basically all the posts so we need to do is change this skin from classic going to come into custom, and from there we're gonna choose our list posts, which is our custom template. What, you don't know that you can see that No pulls that in and shows the site that sort of style and we set up. We need to change a few other things inside you that let's just scroll down to the columns . We're gonna set that to be one six per page is perfectly fine. And now, under the query section, this is where we need to configure things. Now, this is where that other plug in, which is the ability to filter data, is really, really useful. So we're gonna do is we're gonna say we're gonna set up in advance query toe first introduced. Click on there were going to say that we want to use dynamic user. Once we've done that, we can choose what user we're talking about. So we're gonna open this up. It's a author. Is current user to click on that? And what that will do is that's gonna filter these don't know toe only show the results that match the currently logged in user or author, which should be you. So with that in mind, even though we're going to see everything on here because I'm set up currently to about posted all these will take a look at this in a moment. What? I assigned some of these over to a different user, so that's the basics of that. We want to put some pagination in there because we're gonna have more than six posts, so we can just say we want to put numbers. And previous, you see, nothing is showing up at the bottom of the won't because we don't have that many posts. So if you come back at all, lay it on. We change this over the something like post with page three you're seeing now we start to get the pagination options inside there, so we can very quickly and easily start styling those out. Put that to five, though I think so. That look nice and neat n tidy. So there's our listings if you want to We confined, tune and configure the way this all looks to make it all nice and neat tidy. And I go through and do that in a moment on. Then we'll jump over and take a look at how this looks and how everything operates inside our custom dashboard. As before, we're just gonna quickly come into a dashboard, edit that with elemental link things up. Did you consume the right section? So this time you want to change this from all recipes on, Just say all posts change this to all posts as well, and we can change the link on the just to make sure it goes through to the right location. So what do the same now for the title for the icon I will hit update on. They will come back over into a dashboard now and take a little look. So let's refresh our dashboard. There's a lot of posts we click to go into that that'll take a soon now reviews all the post that we've got associated with us. If you click on edit post, you can see that now opens up a mortal window with ALS. The data inside the hour delete post update tags, car degrees, featured image. Everything is all set up and say they just waiting to be styled to make sure everything looks nice and neat and tidy. Now, just to prove what I'm talking about, I'm gonna change some of the owners of these particular posts and we'll see how that changes. The number of posts will see inside this particular section in the dashboard so quickly changed the ownership now for post 12 and three to the different owner. So different author. So you can see now all I have access to is posts for five and six, so it's very easy when you log in, you're only going to see the data disassociated with you. You're logged in, user. So that's how we can go to the process of now creating these edit post options. And like I say, if you want to, you can come in and you can delete the post. It'll ask you, you sure you want to delete it so you can't accidentally do that? We can cancer that we can change things that we want to apply a tag. We can just say Dogs, for example, hit the little plus then on the right onside to add that in doing to, say, dogs inside there are that with no added a new tag in. So you see that's been tagged with that. We'll update our post. Once that's updated. We opened Outpost back up again to edit. You'll see dogs and I was being associated with that. So it's very, very easy to work with these kinds of things. We've now got a nice, simple way of, you know, to go through and view all the different post associated with your camp and edit them, update them or delete them. So that's how we deal with the whole post side of things. Next that we're gonna take a look at the user profile details and how we can manage that. They finally will move on and take a look at how we can set things up with a CF. How weakens. Then use that on link everything through and how easy it is to create a very complex, rich dashboard options for you and user. Okay, so let's take a look now at those user options 9. User options page: next up on our to do list is our profile Now. Already got ahead on to set things up, Ready to go. All we need to do now is go through the process of putting the foreman and setting everything up in linking it. Everything I said done. You've already seen me do in the last couple of video. So we need to do is come in the search for that front end form. So let's just search for that dragon. Drop that into our design and there we go. Everything is now in place. So as we've done before, we need to come into the actions. Change this from the default edit post will come down, say edit user. From there, we're gonna make sure that we've got anything we want to set up. Like submit actions. Well, we don't need to send an email every time someone updates their profile so we can leave that, as it is, will change the message because that doesn't make a lot of sense in there. Then the next thing you can do is we can map any custom fields. If we've got those in there, we could also change the form titles will get rid of that. We're not using it any any A C F fields. Well, obviously, if you wanted to expand the user profile by adding it's of custom advanced custom feels so the fields You could do exactly that. However, we're gonna keep this simple. But if you needed to, you could add that in there. I will show you in the next stage how we reference these A CF feels when we take a look at that particular step next that we've got the user tag in there, we can come in and we could set of all the things we need to access. User to edit is current user. But if you want to, we could select the user. Obviously, that wouldn't make a lot of sense this point in time. So current user is perfectly fine. Using and feel is read only now, this is something I would suggest you leave in place because it's one of those things that when you're inside, would press itself. You can't update you use the name. That's something that can't be changed. But if you needed to have that option where it could be changed, you can't enable this. If you want to password field, you can see we can enable or disable that if we don't want anyone to update their password again. This is a personal choice. It is entirely up to you. Which way you'd like to go with it. Then we've got the main fields. We can map the email field The first name, last name biography on the role field. So we're gonna do is we can see the name field is already set in place. We just set everything else up there to be their default values, as opposed to none or custom. The only one we won't put in is the role field because we don't want a user to another change their role. You don't want to build seven cells as an administrator or something along those lines cape With that in place, we could then just check everything else is as it should be. So the permission side of things again, what we need to do is set this up so it's only administrator and editor Onley logged in. Users will remove the specific user on. We leave everything basically as it is inside their limits. Submit well it's only editing the profile, so it doesn't really matter. Then, inside the display, we can configure anything we wanted there to make sure everything looks the way you wanted to. So that's the basics of being able to edit you profile other than styling. That's pretty much all there is to it. So I'll do it my usual go ahead, style less. And then I'll show you this in action inside the dashboard we just created. So by now you should be able to see that working with this particular plug in and set in things that is pretty straightforward is literally a case of setting the parameters. Mapping the fields you want to edit, making the ones you don't want to edit available. Basically, that's it. But it does open up a ton of possibilities. So let's just call down to the profile area. Will editor A profile on you See, this is now our profile area. We can't click inside to change the user name. We can change the password email first name, last name, biographical information. If you want to and suddenly hit update profile. When everything is that invested, that really is all there is to the profile. The next stage is we'll take a look at how well you start using advanced custom fields and tie and that into this particular form on how we can customize things in there. So let's take a look at that next. 10. Adding ACF Posts: for this step, we're gonna add one more plug in in because we're gonna create a custom post type. So it's simply gonna install custom post type you I and that allows me to create my custom post types create that custom post set things that a mop in the a c f feels that we want into it. So activate that, not taking to the process off, creating a custom post type on adding in sort of matter, fields and so on. I've covered this in their own dedicated video. So if you at this point and you don't really know how to do this, I would suggest checking out that video. I will put a link in the description below so you can take a look at that and get the speed on how you use both a CF on custom post type you I to create your own WordPress custom posts without being said. I'm quickly going to go in, set everything up and then come back and show you how we start mapping this out toward dashboard. So with all our a CIA field set up a custom post, I've set up the next thing we need to do is just create the new page, ready to take this information inside our dashboard. So we're gonna come in, click add new from They were going to say add vehicle. We'll come up and set that visibility to be private, okay? And publish that. What's he done that edit with elemental toe? Open the editor up when we can start working. So well, do the usual get rid of the bits that we don't want. I've copied the basic design, so we're gonna pace that in. There's so basically out, I'm never gonna come back over to a widgets on. We're gonna search for that front end. So we're gonna drag and drop that into place on a list. Simply go through and set everything up for the action section. Would change this to a new post. Redirect. That's perfectly fine. We'll set the message. You want to use one? Someone has submitted a vehicle. There we go. Next up, we're not gonna come into the field section. And this is where we go through now and start setting things up with a specific to an A C F and custom post type set up. So the more you see, says Edit Post. We gotta change that and get rid of it. If you're a title at the top anyway, feel groups is fine. Like you say you have two options in their field groups allows us to pull in an entire field group. Worst fields allows us to choose which fields we want to use from all available custom fields and normal kinds of fields. So if you have a custom post type with a ton of feels that you don't want, use all of them, then you need to use the fields option and then you can click underneath and just go through and find out which fields you want and you see everything is in brackets after wishes tells you what a CF group they come from. However, we want to pull in all the field from the field groups with a select that click underneath . We now have options, which is the previous When we said that for the site options on, we now have vehicle details. Choose vehicle details on, you'll see that immediately pulls in all of the relevant fields all the way through, including things like repeated regions. So we've got a lot of flexibility built into this. Now, again, this is a very, very simple thing to set up for taking your time to do. It is the most important thing to change this now to add new uh, we're coming at the post. You can see we've got things like post status. We've got all the different things on the, including the normal fields you'd have as part of WordPress. Now, if we scroll back at the top, you'll see we've got title in there because if we take a look at these, post feels title is set up with us. Fine. But we don't have post content featured image and so on. So we need to reference those as well. If you're using them, I'm going to do. First of all, though, is we could see title doesn't make a lot of sense. Let's just change that to vehicle name so that no makes a lot more sense of their vehicle prices. Find we want to put in the default post content field again. We can change this content label so we could say description. So these are just little things that make the whole process a lot easier reference in these , but where they don't necessarily make sense. Using their normal default title is this part of WordPress. We can customize those fidget Image will say That's perfectly fine. Featured images also Great. We're not using a post except would not use imports. Count the reason we're not using tags in this example. Reason begin. We've got manufacturer, which their own taxonomy. And we've also got things like I say like, you know, repeated regions and so on permissions. We come in today, we need to set this up like every other time. Set that to who has permissions. So we get administer administrator, an editor on only logged in users. That's all perfectly fine. So that we saw back in the beginning when we took a look at the options you have limits submit. So if you want to restrict the number of times and things like that, we can apply limiting rules. I'm not gonna bother with that because we don't really need it. But you can see we can easily come in set the rules that what led them to do, how many times they can do it, We can also set it based upon the actual role. So we may say that editors really low to upload. Five entries won't we could set that up inside the limiting options. So if you do want to limit things, you can do now, while I'm recording this, I just want to say that at the moment there's no option for charging people to submit information. This is something that I know is coming in either the next version or one or two. After that, it's going to start off with stripe by. Understand is also going to expand at the paper. So if you use in this or you think you'd like to use this, but you really need to have that ability to charge for listings that is coming in a very new near future. So keep an eye on the channel because I will be covering the pro version. This in don't dedicated video, so you will see all of that. But I am gonna wait for those sort of payment options to come out because I think from a lot of people, that's gonna be an integral part of it. Okay, so we've got everything we need in place. The only thing we need to do now is really go through in style. Things I've already saved that's tailing outside, paste in the style, and everything is now looking pretty cool. It's all I need to do now is go back into the dashboard, Index said the links up, and then we can take a look at this before we move on to the final stage, which is setting up the customer list in with some custom data from a CF. We're going to use that same loop kind of technology that we use earlier. Wrong. We took a look at the posts where you could select what Post you want to edit will expand upon that a little bit. We can pull in one reference a CF data, so stick with me. We've got one more main part coming up, and then we are going to wrap up. So a quick look with back in the dashboard lets out of a vehicle that'll take us over. And there's our nicely styled new vehicle options. Everything set out the way we wanted to, I could say, including things like repeated region. So you get some advanced tools and technologies that integrate directly into this. And, yes, you can see it's super simple toe work with. So that's how we our vehicles in. Now let's take a look at how we can edit and delete vehicles. 11. Editing ACF Posts: So this section we need to come back into the theme builder That's part of elemental pro and specifically into the loop section. So we're gonna do the same kind of things we did originally with the listing posts where we could choose what we want to end it there. But like I say with this time, we've got some advanced custom fields information we can put it. Should we want to. Let's do just that. That's odd. A new item. We're gonna call this vehicle loop, I would say create template like we did last time. All we need to do is close this down. We're gonna come in and we're just gonna add in an intersection which we're gonna break up into. Two parts were put the image on the left hand side, and we're gonna put the details on the right hand side along with the edit button so we can just come back in and we could just come in and choose all the different bits and pieces that we want to start off with. The featured image will drag and drop that into there. Now you see, this is not pulling in the right data And that's because it's by default. Just gonna pull in the data for the posts. The normal WordPress posts. We can change that recumbent settings into the preview settings option and change this to choose our custom post type, which is a vehicle on everyone to weaken. Just choose a specific ones will go for the mini. It was a mini Cooper. Apply and preview unnatural. Then refresh update and show us the details for that particular vehicle. So we know we are working with the right data knowing exactly what's going on. So we do the same thing that we do before will drop the post title in there. We're gonna come up on. We're gonna just drop in some text. So we're gonna come down. We say the text editor dropped out underneath the title for this. Choose the little dynamic tags and we're going to use that elemental custom skins widget. The post summary option inside their set, any values we want 25 is perfectly fine. So all those things are exactly the same as we did last time. However, if we want to put in additional data, which would be useful, especially when you're working with advanced custom feels you may want to check out things like prices, colors, all those extra details. We can do just that. I'm going to show you one example, but this is the same process repeated. Just change in the data source. So let's just come over on. Just pick the heading will drop the heading underneath there, and we'll just choose. The price for this example will set this to seven, like heading five. So it's not particularly important We're gonna do is we're gonna cut little dynamic tags and click on the scroll right the way to the bottom. So we see a CF feels click to open that up and then click on the little wrench icon and change this over now. So we're gonna do is yet to come down to, say vehicle price. You see, after a second or two that will pull the price in for us. Now we can use these advanced options and we can just put in some additional information. So you save Price. I would put Palin science on a space so that date and that no makes a little bit more sense . Actually, get rid of that. Put the for call the other side because that makes a little bit more sense. So we created the basically weaken style that like we did last time. So that's the basics. We can repeat that as many tense we want. We know just want to go ahead and drop in that front end form. So the same thing again social front informed Drop that underneath and we're gonna use the motile option for this. But we'll do that like we did before, right at the end. Once everything is all set up and configured so we don't have to worry, we can just see everything is going on. So actions were coming to the edit post is perfectly fine. We're gonna say reload at the current page. We're just gonna stay your post a videotape. That's fine, Fields. We can come into there if we want to. We can choose what feels we want. So again, we're gonna repeat the same kind of things we did your own. We're adding posts. We'll take out the post title we're gonna use field groups were gonna click underneath and choose vehicle details update. That's perfectly fine. We did all we could put update vehicle. If you want to edit vehicle whatever you kind of want to put in there on the post, we're gonna do the same thing there as well. So gonna come in default. Post title is fine. We're gonna change that from title to vehicle. Vehicle name. We're gonna change the post content. Feel that we will use the default one. They just change that to description featured image. Same as before. Said that the featured image and now you can see all the data that we need is no set up inside there again, including the repeated regions. And everything is pre filled out for this particular vehicle. So we can see everything is in place there or we need to do now. Is my any additional fields that we want or we can then come down to the option for permissions. We can set everything up inside there to make sure this allows us to do exactly want so. Set that to editor as well removed. The select by user from there, everything else is looking good. Display options again. We can do anything we want inside there. The only thing we need to change, though, is just change this to show motile and then we go. That's now created the modeling for us. So other than styling, that should have pretty much everything in place for this part of it. The next thing to do. Go through, set the page, upset the filtering up and then use this as the template. So let's click on publish as before. We don't want to set any conditions because we're just using this as an internal template in something else saving clothes on. We are done. So let's move on to the next age. The first thing you do just hop back over into our pages, viewer or pages, and we want to come down and add a new page. So say add new. I would say it it vehicle set that liquid done before to be private on will publish that. No, we're just open ended with elemental closed down. Anything that may be open clean up the page to make sure that things in place on then just basically paste in the basically out okay, with that in place or we need to do is come back or two widgets. We're gonna search for post and we got to dry again the posts option like we did previously . So gonna drop that where we needed to be put underneath. There you see it like before It just pulls in everything which we just need to change. So a scroll down to a query change that from the change This though two vehicles is the source. So that's the first part of it done. Next thing you need to do No, it's just set up the query to make sure that everything is working fine again. This is where we're going to use that advance query options. We're gonna click on there. We're gonna say author is current user. So say dynamic user author is current user, so that will filter it out. You can see out of the three of vehicles that I currently have inserted into this particular website. Two of those are associated with me. 1/3 1 is associated with the different author, which means that I could only see the ones that are associate it with me. Now we need to do is come back after our layout and we can just find tune this to get exactly what we need. Change from classic for the skin. We're gonna come that the custom, Then we're gonna come down underneath and we're gonna say vehicle loop. And you see that No pause in the design that we've created, all we need to do is come down and set things up. So columns is going to set toe one post per page is set to five. We just could enable pagination like we did before. So other than styling, everything else is now pretty much in place. So we're gonna do is we're gonna save this page. I'm gonna make a few little fine edits to it to make sure that everything looks good. Then we're gonna hop over the dashboard we've created, and we'll see exactly how this all works were back in the dashboard. Edit vehicle is all set up. I've linked everything. So let's click on edit vehicle that will then take us over like we could see. We can see all the edits that I can make to the vehicles that are associated with my particular account. They're gonna edit you see, we get exactly same as we did before. Open it up, weaken style. This which I haven't done. But everything is all in place. If I close out of this one and come back and choose the Ford Focus will edit that and you can see that takes us through. We can edit any of the details we want inside you. Add anything new, change, anything, whatever we want to do. So now what we have is pretty much a fully customized dashboard that restrict who can access things redirects automatically. Based upon being an editor, I just gives you a really good way of keeping people out of the dashboard off. WordPress itself isn't infallible, Obviously not. There's still a few other things that you could do to make sure that security is in place. You restrict access completely to the dashboard to only your admin users. That's something that's beyond what I need to do in this tutorial. This is more case of showing you the basic way you can do it. Then you can expand this into whatever you want with it. Take it as far as you want