Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,900 courses, including more Web and personalized recommendations.Start Your Free Trial Now
- View Offline
Skill Level Beginner
As I mentioned in the previous movie, Origami is a freemium theme. By freemium, I mean it's a free theme that you can upgrade for a few dollars to a premium theme with more functionality. For this reason, you'll see that Origami has some free customization options, and that some of the customization options are activated once you upgrade. But before we look at the custom options, let's look at what options are available from the WordPress customization options. To get to the WordPress customizer, we go to the toolbar and select Customize and from here you can customize some basic features in the theme.
You can change the Site Title & Tagline, you can change the Color of the Background but if you want to do that, I'll select the Color here, so I'll set the Background Color to red. You notice that the background isn't actually turning red that's because the background currently has a tiled image. So to get my custom Background Color to work, I have to go into Background Image, click on the image, and click Remove Image and then you can see the custom Background Color.
You can also set Navigation if you've created a custom menu. If you don't have a custom menu built in WordPress admin, you won't have this option. But I built a custom menu, so therefore, I can pick a menu. By default, you see a menu that contains the Home button, plus a list of all your pages, but since I don't have any pages, I don't have any menu items. Instead, I created a menu that displays links to the different categories. So here I have the Home link, plus the two categories. Finally, you can set whether or not the front page should display the blog or static page.
Once you made changes, you can either Save & Publish those changes, or you can click Cancel if you don't like what you're seeing. But there's one more option that wasn't available in the theme customizer, and that was the header image. Now you may remember we added a header image in Twenty Twelve, so why can't we change to that header image in Origami? The reason is that WordPress 3.5 now remembers all your theme settings. So although we added a header image to Twenty Twelve, we have yet to add a header image to Origami.
I need to add a header image to it to be able to customize it. So I'll go to the WordPress toolbar, select Header--or you can go to the back end and select Appearance and Header--and since I've already uploaded the image. I'm going to click Choose Image, so I can pick from my Media Library and then I'll select the image and click Set as header, and here I get the image cropper. Now this is really important. For whatever reason, Origami doesn't auto crop this image, and if you click Crop and Publish while the image is grayed out like this, you'll get a bunch of errors.
So take your mouse and click somewhere inside the image and just drag to open the cropper, and select whatever part of the image you want to use and then click Crop and Publish. Now the header image is applied, and if I go back to the front page, you'll see we now have a header image. And you'll notice that in Origami, the title was replaced by the header image, so we don't have to turn the title off like we had to do in Twenty Twelve. Now, let's take a quick look at the customization features that are built into Origami specifically.
I'll go back to admin, go to Appearance, and select Theme Settings. From here, I can make some customizations, and if I upgrade I can also make additional ones. I can change my Link Color to a different color, and if I have the Premium version, I could also change Page Border Colors and Footer Copyright Color and Footer Copyright Link Color. I can change the Site Text. This is the Copyright message and the message on the Error Page or No Search Results pages.
Under Display, I can decide whether I want to display things like the Post Author or Comment Count. And I can also enable or disable the Header Search if you look on the front page. You'll see we have a search box here, so you can disable it or enable it, and you can put in a Footer Attribution Link if you have the Premium version. Under Comments, you can activate Ajax Comments but this is only available in the Premium version and the same goes for the Responsive Layout.
Finally, you have an option for adding Social links, and again, this is only available in the Premium version, or you can add a plug-in like Share this, and that will do the same thing. So I'm sure you're wondering how do I upgrade to the Premium version. Well, all you have to do is either click on the link here or go to Premium Upgrade, which is available under Appearance, and from here you can download the Premium version for the cost of currently $5.00.
Even with a limited customization options in the free version of the Origami theme, you have a lot of room to make the theme suit your individual style. And if you want more customization options, an upgrade is only a few dollars away.