In this movie, Carrie walks you through a hands-on overview of how to use each customization option available in the theme customizer. You’ll learn that some of the customization options are accessible from other areas in your WordPress administrative area, while others are only accessible in the theme customizer.
- [Voiceover] Now that you have an idea of some things you can do with the theme customizer let's try out some of our options. To get to the customizer from My Site just click on the customize button. From here if I ever wanted to exit the customizer I could just click this x in the corner to close it. One thing you may have already noticed are these icons showing on my site. Each of these correlates with something that I can change via the customizer. For instance, this pencil icon next to my site title. I can either click that to edit these details or click that option from the customizer module.
Basically, each of these icons is something that I can also access from over here. For this course I'm not going to use a logo but if your theme supports a logo all you'd have to do is click add logo, select or upload the image, and then set as logo. You'd also have the option to display or not display your site title and tagline along with your logo. Clicking this back arrow, let's move on to the next option, which is colors and backgrounds. Here I've got some ready to go color pallets to choose from.
I can also change the background color to something different or even use a background image. If at any point you feel like you've gotten too crazy with your options you can always click default to return to the original color scheme. Next, you have the ability to select fonts for your headings and for your content. I mentioned type kit fonts being available for those using the custom design feature. The ones you have available here are Google fonts. When selecting fonts I recommend staying away from anything to scripty or novel as it can make your content harder to read.
I've also got the option to set a font weight and adjust the font size. If at any point you want to start over with the theme default you can just click the x by the font. And remember only you are seeing these previews, no one visiting your site will see them until you click save and publish. Next, I've got the ability to add a custom header image. When I click on that I see a note about the recommended header size this is something that will definitely vary from theme to theme, if a theme has this option at all.
I've got an image I'll upload and here I can see it will force a crop at that recommended header size. I'll make the adjustments, crop the image, and there I have a header image. This theme happens to support multiple header images and I could also randomly show them on different pages if I wanted to. I'm just gonna stick with the one. The next few items menus, widgets, and static front page I'd like to address separately, but before I move on there's one very awesome feature in the customizer that I'd like to show you and that's the responsive views.
Here we've got icons representing a desktop, tablet, and a phone. Clicking any of those shows me a preview of how my sight will look on these devices. As you can see the 2016 theme that I'm using responds really nicely at each of these screen sizes.
- Creating a WordPress.com account
- Updating your profile
- Importing content
- Publishing posts
- Applying categories and tags to posts
- Inserting images, videos, and other media
- Creating a new page
- Customizing your site with themes and widgets
- Managing users, notifications, and comments
- Using WordPress.com apps
- The limits of WordPress.com and the benefits of self-hosting