 Cool. Hi, good day. My name's Sean. I run a WordPress agency here in Singapore called Chili Bin. And as Rob said, part organizer or co-organizer of this meet-up as well. I've done a few talks previously on bits and pieces. So my talk today is mainly around white labeling WordPress. So removing the WordPress part of it and kind of branding it towards either your company or to yourself, kind of replacing your logo and a few other bits and pieces. So I'll run through kind of what we can do in terms of what access we have and then some of the plugins and things to make it easier. Because I'm a developer, there's some code in there as well. So if you want, I can share these slides at the end. But we'll kind of get started in. So the first thing that you see once you log in is obviously the login screen. And it's remained, well, this way since probably WordPress 3-ish. So it looks pretty boring, I guess, as the WordPress logo up the top and then username password, pretty standard. If you do have two-factor authentication, there's a few other buttons and then some single sign-on buttons you can install with plugins as well. But it's remained the same for a long time. This is the login for WordPress.com. And as you can see, there's some extra functionality there. It's powered by Jetpack. And there's a login with Google as well. So here's an example of kind of just a really simple thing that I did for my background and my kind of my site. Essentially, change the background, change a little bit of CSS code on it, change the logo, and that's it really. So change logo, new background, change fonts, and then change button style. So just to match my branding. So I'm pretty much the only one that sees this, me and my staff. But for me, it's important to have the branding consistent across all different platforms. So clients don't see it, but that's important. So another example is something I just whipped up quickly. This just pulls an image from Unsplash. So just a random image. I replaced the WordPress logo with the WordPress.org logo. And that's just taken directly from the WordPress site as well. So it can be done pretty easily. And there's a little bit of code here if you can see that. But I won't go into too much detail about the technical sort of code. But essentially what it does is it just injects a little bit of CSS onto the login panel. So it encues this CSS. And the information there, body.login, is just for the body to grab an image. So it grabs a 1440 by 810 image, random image, sets it as the background and uses background size cover to fill the whole space. And then the body login H1A, which is essentially the WordPress logo. Some people get confused between WordPress.com and WordPress.org. So what I did is I just threw it up the WordPress.org logo. So there's a couple of options there that you have to set the background size as well as the image size. So that's how I do that. There's a couple of other tweaks that I like to do on all my client sites as well. Traditionally, the logo at the top always links back to WordPress.org. So I make a change just to return the home URL, so my site logo. My site URL, sorry. And then if you highlight or hover over it, it displays WordPress. So I just return my name of my blog as well. Just little small things, but things that I find are important. And add a little bit more value as well. If you're selling sites, something like this may seem really small. But to some companies, it's really important. So it can add a lot of value with 20 lines of code. But if you're not a code monkey, then there's plenty of options that are free and available in the WordPress repository. So there's one that's been around for a long time, which is by Mark Jackwith, which is Login Logo. Essentially, there's no options for that. You grab a file, LoginLogo.php, Login-Logo.png, sorry, or an SVG or a JPEG. You throw that in your WP content directory, and it just replaces the logo. So not too many options with that one, but it's really simple if you just want to change the logo. There's also WP Custom Admin Login Page Logo. There's so many of these. I just picked these four. They seem to be the most popular ones. This one has a lot more options in terms of changing. You can upload your logo through the Admin. You can change Custom CSS. You can replace a text message like a welcome message and things like that. There's the Custom Login one by Binary Moon. That allows you to upload a background image as well as the other options, uploading your own logo, welcome message, and change some CSS. The other one, ThemeMyLogin, this one's quite popular because it removes this whole page and moves this into the front end of your website. It essentially uses a normal page template and then replaces the login functionality on there. It looks exactly like your current branding, just the normal page and has the login that way. The same as it has your forgot password link and things like that. Login and registration, you can keep on the front end and nobody will ever see the back end. It's a good one for keeping on-brand there as well. Check out the repository. If you're just checking the login logo or something like that, there's plenty that will come up. There's some paid ones as well, but most of these will get you there. There's one that I'll look at a little bit later that does all this and more. The other area that you can customize is the WP Admin area. I always add about three or four little snippets on this one. This one adds some code to remove the WP logo. If you look in the dashboard, it has the WP logo up in the top left-hand corner next to the dashboard. This code itself, in the bottom left-hand corner of each page, it says proudly, thank you for creating with WordPress and a link back to WordPress. I just changed that to say the website was built by me. Sometimes you have staff that come through the site that may have moved on, but it's a nice link back to who created it. You can add some support text as well down there. As always, there's plugins that do it. There's probably one main one, which is WP White Label CMS by Video User Manuals. It hasn't been updated recently, but the UI of it is a bit terrible. It's still using some free icons that look like they're from really early versions of a KDE. No GNOME, the Linux operating system. There's plenty of options. It can be assigned by user profile. You may have the editors that have no access to certain areas, and admins have access to other areas. You can control that as well and show different dashboards. You can bring up things like if you want to show your RSS feeds on the dashboard, and show that, and all your blog posts will come up into your client websites. You can change the login logo, change the header and footer, and all that code that I showed before, just with a few option checkboxes. Have a look through that one if you want as well. What else can we customize? There's quite a bit actually. There's these four plugins that I found, ones called Adminin. This one is quite good for locking down things. Wordpress has four, five main user roles, administrator and editor. There's a fair distance between the capabilities of those two. You may want most of your users to be editors, but then you also want them to have a little bit more access, but not complete admin access. You can do that with this plugin as well as the menu editor pro. Also, if you do have your full administrator, you can have a super administrator, which is usually the developer or the owner of the site, and then what you can do is remove a whole bunch of plugin menus that can really clutter up the interface and give your client an experience where they have three or four things to choose from. There's also fancy Admin UI. I should have put screenshots on, shouldn't I? That shows a clear blue-gray theme, and there's a slight admin theme, and there's a WP notification center as well. Actually, is there a Wi-Fi here? It's all right, I can... Anyway, have a look at them, the slight admin theme changes the default admin theme to look really dark. The fancy Admin UI one is kind of like a material design style, and one plugin that I really like was developed last year called WP Notification Center. Sometimes if you've been into a website, it hasn't been updated in a while. You'll find that there's like... At the top, there's like five or six different messages. So, you know, please donate to our plugin or, you know, there's a new update. Some of them you can dismiss, some of them you can't dismiss. But this WP Notification Center essentially moves all those into a separate page so you can keep it clean and clear, and then you get the little red icon in the top right-hand side next to your name where it says, Howdy or Hi. And you can view it that way, so it keeps it nice and clean. Why? Why waste your time doing all this? Essentially, so it reduces clutter for your clients or removes the branding and causes confusion. Sometimes people don't necessarily want a WordPress website, they just want a website. And Confusing WordPress, WordPress.com, WordPress.org with the company that built it can kind of tie all that together in being a website provided by X Company can help with that as well. Increases some professionalism as well so people are more comfortable using something than a generic WordPress one if it's branded towards your company. You can offer additional support so like I was saying, you can include dashboard videos, you can include RSS feeds from your blog, and then, you know, I don't know how many people actually use the dashboard, but there's a lot of things on there that aren't useful, so you can make that a useful space for your clients as well. And that's it from me, so it's me, Sean, I run Chilli Bean Web Design here in Singapore. Any questions? Go ahead. So, we can find the head section of our website, so I wanted to verify my website with the search console of the Google, but it requires to add the code in the head section, body section of the website, but I don't know where to find it. It sort of depends on your theme. There are some plugins that you can download that will allow you, I think there's one called like header styles and scripts, or footer or header, and that will allow you to insert HTML code. Also, if you're just using like search console, then you can, if you're using Yoast SEO as a SEO plugin, I think in one of the options there under, I've changed the UI lately, but under there, you can actually add in the HTML code in there and then authorize that way. I've got a question. What are the legal implications for really changing the stuff up, especially if you want to keep up the stuff, so if we amend too much, are we violating it? Well, it's an open source software, so you can change it as, you know, if I wanted to go through there and change the source code of my website, then that's completely up to me. It may break, but it's open source, so once you've downloaded it, it's free to do what you want with it. Distribution is where you can get into trouble, as long as it's under the right GPL license, and that's a whole nother topic, but yeah, as long as it's for fewer unused, then it's fine and for certain sale as well. Is it worth to pay the plugin to do the white labeling? So the white labeling CMS, this one here, that's free. There are paid ones. There are paid ones, yeah? Not really. If you find that somewhere where this doesn't do anything, you may find some snippets that you can chuck in there that will do the extra a little bit. The UI is probably a little bit nicer. There's one white labeling CMS. There's a very similar name that's in Theme Forest or Code Canyon, but they're very similar, yeah. Cool. All right, thank you.