 Okay. Hi. So I'm Jabba. I'm not gonna pronounce my last name either So I'm gonna talk about how you can benefit from the customizer as a user But also as a designer or developer of WordPress sites and teams Just a word about me. I'm a father of three great children and Husband of one wonderful woman Thanks to them that I can be a part-time developer front-end developer. Let's see. I love WordPress and JavaScript And if I have some spare time I play guitar or listen to music Let's start something with something with harder definition So I looked for the definition of customers customization and I thought I've translated to the customizer and I came to the following a previewable modification made to WordPress site to suit the intent of the site The preferences of the site owner or the task of the visitor I Think that the customizer is a great tool to implement customizations to a WordPress site It's beneficial for the user or site owner because they can preview draft and even schedule changes that they want to make to their site It gives them a kind of controlled creative freedom. They can change stuff, but it depends on a team what they can change and Because of this they can create something unique out of a team they bought or Website they have and for a designer, it's definitely a cool cost standardized tool with a Great API you can do a lot of stuff with it It's definitely additional value that you can add for your customer It can be a selling point for if you're selling teams or premium option for your premium WordPress themes Because it offers control and options to the user And if you talk about options, I want to remind you of the WordPress philosophy Which stays at we should as designers or developers make decisions and not leave all the options For the user and user this can be frustrating definitely if it's not Implemented simply simply also Probably all teams and sites should work out of the box You can read the philosophy of this URL Okay, so to start really start this presentation is actually powered by the customizer you can check it out on github I It's a work in progress. I learned a lot while doing it so I implemented a couple of Customization options in this team and actually each presentation slide is a widget You can edit them like this Also, you can go to the next widget the preview goes to next widget so you can see your edits kind of PowerPoint experience So the rest of the presentation I'm gonna try to give you some practical examples how you can Use the customizer to implement Customizations, I hope you are familiar with the customizer bits And with the standard options you can support as a team for example a custom logo Which you can add as a user let me add this cool right Okay So it's not coming. Let me try to Just restart it Okay, I'm not logged in cool live demoing is always great Okay Let's try again So you can add this Logo and after adding it for example, you can add the option for the user to resize it You see it here or just to change the position of it Let's go back to the slide where I was You have also a lot of other standard options which you can Pimp a bit. Let's see you have a color options You have the standard color picker you can use you could also add a different second background color to create gradients. I'm not able to show you everything because Won't have the time to finish the talk Instead of the standard color picker option, you have also this hue control With which you can there's a link you can adjust the link color for example And after you edit something, let me show you this Shortly you have the option to save it or draft it and schedule it also And if you're scheduling it you get a link that you can share with your for example client or One where we have to approve a proof certain change and They can look at your side with those changes and they can Look at all the changes and after approval it can be published or you can also discard the changes if you want Let's publish it now So a couple of other single options you probably all know the problem adding a background image The text becomes unreadable You could add some kind of layer of which the transparency can be adjusted by the user So the text is again Readable you can toggle elements hide and show for example post meta data for blog posts And you can edit also you can add also editable elements for example Some kind of contact information phone number the right top of your site And also not to forget remove controls that you don't use because it can also be weird to have an option Doesn't do anything Okay, so those were kind of single options that affect one element of the site you could also use More complete customizations for example a color scheme can take a look at 2015 or the 2016 default team to see the implementation of that Or kind of alternative view for for something in your team if you have a portfolio team With portfolio items in a grid layout you could allow the user with one click To change it to some kind of more linear layout or or full-screen layout Also You have also this additional CSS option where you can add Any CSS code to change the layout of your site and in some use cases It's it's it's better alternative than a child team to change a team as as you wish So those are more complete customization options Custom front page it's also possible to do this To build a custom front page or custom page in the customizer I'm gonna skip this because it might be kind of pre Gutenberg Maybe if you have Gutenberg you can use those blocks to really build the custom page but it's it's feasible and It's possible in the customizer to a Great other feature of the customizer is adding media controls. So people can add images audio or video to their site in this example I Project I did we had this birdie on the album cover and on their site if you click on the bird it starts to move a bit around and song starts to play and The artist Martin is in can in the customizer choose which song is played and she can also hide the bird If you if she doesn't want it to be there anymore So you can go a bit. Yeah, you can do some creative stuff using the customizer to And still leave the user to change it Another cool interesting feature available from 4.7 is the starter content It's actually predefined content that is defined by the team mostly and when you load a team in a fresh wordpress Install in the customizer you can see that content. So actually your theme is set up As if it should look like we all know the problem buying a team or installing a team And it doesn't look like the demo so this allows us to do that And you can define any content you like almost any content typing wordpress even options If you would download this team from github and you install it in a fresh install You would see a couple of my slides as they are meant to be not all of them Because it's a lot to implement but you can check it out or read more about it in this blog post Couple of more things to check out is the change set which I just talked about saving and scheduling and also Validations and notifications in the control panel a control pane of the customizer Which is also also cool user experience. I think and I would like to chat with you After my talk about the future of customization wordpress and what it will bring us with Gutenberg and customizer combined That's it from me. Thank you